/*
 * @name main.css
 * @author fyz
*/
/* reset */
body {background:#e6eff6}
em,strong{font-style:normal;}
img{width: 100%; max-width: 100%;}
.relative{position: relative;}
h1 {color:#000}
@media (max-width: 767px) {
    h2{font-size: 20px;}
}

.t-module{margin: 30px 10px; font-size: 14px;}
@media (max-width: 767px) {
    .t-module{margin:30px 0;}
}

/*
 * template design
 */
.t-about .t{text-align: center; margin: 0; font-weight: bold;}
.t-about .t small{display: block; margin-top: 15px;}
.t-about .item{margin-top: 30px; background-color: #fff; border-radius: 5px; padding: 15px; text-align: center;}
.t-about .title{font-size:20px; font-weight:bold; color: #393e80; margin: 10px 0 15px;}
.t-about .icon{display: block; background: url("../images/template/s_icon.png") no-repeat center 10px; height: 80px;}
.t-about .icon_1{background-position: center -95px;}
.t-about .icon_2{background-position: center -195px;}
.t-about .icon_3{background-position: center -295px;}
.t-about .icon_4{background-position: center -390px;}
.t-about .icon_5{background-position: center -490px;}
.t-about .desc{margin-bottom: 15px;}
.t-about .btn{ border-top:1px solid #dfe9f3; font-size: 16px; font-weight: bold; color: #393e80; padding: 8px;}
.t-about .btn:hover{border-top-color:#4aaaf4; background-color: #4aaaf4; border-radius: 18px; color: #fff; padding: 8px 25px; box-shadow: 0 0 10px rgba(0,0,0,0.5);}
@media (min-width: 768px){
    .t-about .title{height: 44px;}
    .t-about .desc{height: 60px;}
}


.t-custom .row{margin-top:-15px;}
.t-custom .item{position:relative; background-color: #4aaaf4; background-repeat: no-repeat; background-position: center 55px; background-size: auto 120px; padding: 55px 15px 15px; color: #fff; text-align: center; border-radius: 5px; margin-top: 15px;}
.t-custom .detail{position: absolute; right: 15px; top: 15px; color: #0065af; text-decoration: underline;}
.t-custom .detail:hover {color:#fff;}
.t-custom .price{ margin-bottom:65px;}
.t-custom .price span{display: inline-block;background: url("../images/template/mark1.png") no-repeat; width: 157px; height: 78px; color: #0166ae; font-size: 26px; text-align: left; padding: 5px 8px 15px; line-height: normal; margin-left: 210px;}
.t-custom .price em{font-size: 18px; font-weight: bold; display: block;}
.t-custom .desc{margin: 20px 0 25px;}
.t-custom .cart{background: #37df51 url("../images/template/cart.png") no-repeat 40px center; font-size: 16px; color: #fff; padding: 8px 40px 8px 75px; border-radius: 20px; line-height: normal;}
.t-custom .cart:hover{ box-shadow: 0 0 10px rgba(0,0,0,0.3);}
.t-custom .item_1{background-color: #37df51;}
.t-custom .item_1 .price{margin: 45px 0 10px;}
.t-custom .item_1 .price span{background-image: url("../images/template/mark2.png"); color: #0f862a; padding: 15px 8px 5px; line-height: 60px;}
.t-custom .item_1 .cart{background-color:#4aaaf4; }
@media (min-width: 768px){
    .t-custom .desc{height: 60px;}
}
@media (max-width: 1100px){
    .t-custom .title{height: 44px;}
    .t-custom .price{text-align:right;}
    .t-custom .price span{margin-left:0;}
}
@media (max-width: 767px){
    .t-custom .price{text-align:center;}
    .t-custom .price span{margin-left:210px;}
}
@media (max-width: 460px){
    .t-custom .price{text-align:right;}
    .t-custom .price span{margin-left:0;}
}


.t-template.t-template-all{background:none; padding: 0;}
.t-template-wrap{box-shadow: 0 0 10px rgba(0,0,0,0.3); background-color: #fff; border-radius: 5px;padding: 40px;}
.t-filter .form{background-color: #d5dfe7; float: right; border-radius: 5px;}
.t-filter .form .form-control{border: 0; background: none;}
.t-filter .form .btn{ background: none; padding: 0 5px;}
.t-filter .form .glyphicon{font-size: 20px; color: #9aa1a6;}
.templateList .item{background-color: #fff; border-radius: 5px; box-shadow: 0 0 10px rgba(0,0,0,0.3); margin-top: 40px;}
.templateList .item .info{padding-bottom: 15px;}
.templateList .item .info .title{height: 38px; margin-bottom: 10px;}
.templateList .btnArea{text-align: right;border-top: 1px solid #e5e5e5; padding-top:10px;}
.templateList .btnArea em{float: left; padding: 3px 0;}
.templateList .btn{padding: 3px 15px; margin-left: 5px;}
.templateList .btn-default{border-color: #bababa;}
.templateList .btn-primary{background-color: #0090ff;}
@media (max-width: 767px){
    .t-filter .form{float: left; margin-top: 20px;}
    .form-inline .form-group{display: inline-block; margin-bottom: 0;}
}

.t-qa {display:none;}
.qaList{ font-size: 20px; box-shadow: 0 0 10px rgba(0,0,0,0.3); border-radius: 5px;}
.qaList .panel-group .panel{border-radius: 0;}
.qaList .panel-group .panel+.panel{margin-top:2px;}
.qaList .panel-group .panel:first-child{border-radius:5px 5px 0 0;}
.qaList .panel-group .panel:last-child{border-radius:0 0 5px 5px;}
.qaList .panel-title{font-size: 20px; font-weight: normal;}
.qaList .fa{float: right; color: #0090ff;}
.qaList .panel-body{background-color: #f0f1f1; padding-bottom: 5px;}
@media (max-width: 767px){
    .qaList{font-size: 16px;}
    .qaList .panel-title{font-size: 16px;}
}


/*
 * template design 1
 */
.t-design-item{border-radius: 5px; background-color:#fff; margin-top:0;}
.t-design-item .imgBox{background-color: #4aaaf4; background-repeat:no-repeat; background-position:center 30px; padding:170px 15px 15px; color: #fff; border-radius: 5px 0 0 5px; margin-right:-20px;}
.t-design-item .t{line-height: 1.5; margin-top: 0;}
.t-design-item .info{ padding: 15px 30px; font-size:14px; color: #393e80;}
.t-design-item .info .t span{font-weight:bold; border-bottom: 3px solid #e6eff6;}
.t-design-item .price{font-size: 28px; font-weight: bold; color: #ff6600;}
.t-design-item .mark{display:inline-block; font-size: 14px; font-weight: normal; background: url("../images/template/mark.png") no-repeat; width: 62px; line-height: 25px; color: #fff; padding: 0; text-align: center; text-indent: 5px; vertical-align: middle;}
.t-design-item .cart{background: #37df51 url("../images/template/cart.png") no-repeat 40px center; font-size: 16px; color: #fff; padding: 8px 40px 8px 75px; border-radius: 20px; line-height: normal;}
@media (max-width: 767px) {
    .t-design-item .imgBox{margin-right: 0;border-radius: 5px 5px 0 0;}
}

.t-ourBest .item{margin-top: 30px;}
.t-ourBest .row{margin-top: -30px;}
.t-ourBest .imgBox{padding: 15px; background-color: #fff;border-radius:5px 5px 0 0;}
.t-ourBest .imgBox .inner{background-repeat: no-repeat; background-position: center; background-size: auto 100%; height: 160px;border-radius:5px 5px 0 0;}
.t-ourBest .info{background-color: #0f8dec; font-size: 14px; color: #fff; border-radius: 0 0 5px 5px; padding:5px 15px;}
.t-ourBest .info .title{font-weight: bold; text-align: center;}
@media (min-width: 768px){
    .t-ourBest .title{height: 52px;}
    .t-ourBest .info .desc{height: 80px;}
}
@media (max-width: 767px) {
    .t-ourBest .item{margin-top:15px;}
    .t-ourBest .row{margin-top: -15px;}
}

.t-template{ background-color: #fff; padding: 40px 40px 20px;}
.t-template .t{margin-bottom: 20px;}
.t-template .t .line{display: inline-block; padding: 0 5px;}
.t-template .t span{font-size: 14px;}
.templateList .swiper-container{padding: 5px 5px 50px;}
.templateList .swiper-slide{background-color: #fff; border-radius: 5px; box-shadow: 0 0 10px rgba(0,0,0,0.3);}
.templateList .swiper-pagination-bullet{width: 12px; height: 12px; background-color: #1c7ac2; opacity: 1;}
.templateList .swiper-pagination-bullet-active{background-color: #37df51;}
.templateList .imgBox{background-color: #fff;border-radius:5px 5px 0 0;height: 160px; overflow: hidden;}
.templateList img.preloadImg{position:relative; width: 100%; transform: translateY(0px);transition: all 5.5s linear; cursor: pointer;}
.templateList .imgBox .inner{background-repeat: no-repeat; background-size: 100% auto; height: 160px;border-radius:5px 5px 0 0;}
.templateList .info{padding: 15px 15px 5px;}
.templateList .info .title{margin:0 0 5px 0; font-size: 18px; font-weight: bold; color: #393e80;}
@media (max-width: 767px){
    .t-template{padding: 20px;}
}




/*
 * template design 2
 */
.t-design-item-2 .imgBox{background-color: #58d56d;}
.t-design-item-2 .cart{background-color: #2e9aed;}

.t-ourBest-2 .info{background-color: #58d56d;}


/* yulan */
.manage-app-box-show{background-color: #f0f3f5;}
.manage-app-box-show div.s{margin-bottom: 10px;}
.carousel.slide{padding-bottom: 40px;}
.carousel.slide .carousel-indicators{bottom: 0; margin-bottom: 0;}
.carousel.slide .carousel-indicators li{width: 12px; height: 12px; border-radius: 50%; border: 0; background-color: #2e9aed; margin:0 3px; opacity: 0.5;}
.carousel.slide .carousel-indicators .active{opacity: 1;}

#AppManageModal .modal-header {background:#fff;padding:5px 20px}
#AppManageModal .modal-header button.close {color:#000}