.download-l{margin-right:-30px}
.download-r{margin-left:50px}

.channel{position:relative;}
.channel .media-img .zoom-channel{transition:.3s;padding-bottom:23%;display:block;width:100%;height:0;overflow:hidden;background-position:center center;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;position:relative}
.channel .headinfo{position:absolute;left:50%;top:50%;width:500px;height:200px;margin-left:-250px;margin-top:-110px;z-index:3;}
.channel .headinfo h2{font-size: 48px;font-weight: 600}
.channel .headinfo p{font-size:20px;}
.channel .search-form {border-radius: 12px;border-bottom: 6px solid #EDF0FC;position: relative;max-width: 100%; margin:0 auto;transition: border-color .3s,box-shadow .3s; box-shadow: 0 6px 12px 0 rgba(99,107,151,.1);}
.channel .form-group{padding:0}
.channel .input {height:54px;color:#7C7D8D;padding:0 30px;border-radius:12px 0 0 12px;}
.channel .input-group .addbtn {padding:0 20px;}
.channel .button {color:#7C7D8D;padding:0;background:#fff;}
.channel .button:hover i{color:#456BED;}

/*首页滚动链接*/
.topic {position:relative;}
.topic .left-over {z-index:1;position: absolute;left: 0;top: 0;width: 5%;height: 100%;background: linear-gradient(to left,rgba(99,107,151,0) 0%,rgba(99,107,151,0.5) 100%);border-radius:5px 0 0 5px;}
.topic .right-over {z-index:1;position: absolute;right: 0;top: 0;width: 5%;height: 100%;background: linear-gradient(to right,rgba(99,107,151,0) 0%,rgba(99,107,151,0.5) 100%);border-radius:0 5px 5px 0;}
/* .topic ul li{display:inline-block} */
.topic ul li a{display:block;height:220px;line-height:220px;padding:0 20px;cursor:pointer;background-position:center top;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;}
.topic ul li a:after{border-radius:12px; background-color:rgba(99,107,151,0);position:absolute;top:0;left:0;width:100%;height:100%;content:"";-webkit-transition:.3s;-moz-transition:.3s;transition:.3s}
.topic ul li:hover a:after{background-color:rgba(99,107,151,.3)}
.topic ul li a strong{position:relative;z-index:3;color:rgba(255,255,255,.9);text-shadow: 0 2px 4px rgba(99,107,151, .3), 0 4px 8px rgba(99,107,151, .6);}
.topic ul li:hover strong{color:#fff}
.topic-arrow .owl-nav .owl-prev,.topic-arrow .owl-nav .owl-next {background:#fff;color:#000;width:32px;height:32px;line-height:36px;opacity:1;box-shadow: 0 0 12px rgba(99,107,151, .15)}
.topic-arrow .owl-nav .owl-prev{left:-16px;}
.topic-arrow .owl-nav .owl-next{right:-16px}
/*首页滚动链接*/

.diadogs_download .tab{font-size:0}
.diadogs_download .tab li{cursor:pointer;display:inline-block;position:relative;font-size:20px;width:60px;color: #3A4B68;margin:0 0 40px 0}
.diadogs_download .tab li::before{background:#ccc;content:'';position:absolute;bottom:-10px;left:0;width:100%;height:3px;border-radius:3px;transition:transform .3s;}
.diadogs_download .tab li.cur{color:#456BED}
.diadogs_download .tab li.cur::before{background:#456BED;content:'';position:absolute;bottom:-10px;left:0;width:100%;height:3px;border-radius:3px;transition:transform .3s;}
.diadogs_download .tab li a:hover{color:#456BED}

.one-tree-y{background: #fff;border-radius: 12px}
.one-tree-y .nav-m ul{padding:0;display: block;}
.one-tree-y .nav-m ul li{display: block;}
.one-tree-y .nav-m ul li.nav-head{line-height:45px;height:45px;margin:0 0 15px 0;border-bottom: 1px solid #EBEBEB}
.one-tree-y .nav-m ul li.nav-child{display: block;}
.one-tree-y .nav-m ul li a{font-size:15px;font-weight:400;color:#888;cursor: pointer;border-bottom: 0}
.one-tree-y .nav-m ul li ul li{padding:0;text-align: center}
.one-tree-y .nav-m ul li ul li a{display: block;margin:5px 20px;padding:5px 10px;border-radius: 6px}
.one-tree-y .nav-m ul li a:hover,.one-tree-y .nav-m ul li ul li a.active,.one-tree-y .nav-m ul li ul li a.active b,.one-tree-y .nav-m ul li a.active{color: #fff;background:#008BFF}

/*左栏分类*/
.two-tree-y .nav-sub .nav-head{padding: 0 25px;height:50px;line-height:50px;border-bottom: solid 1px #E0E8FE}
.two-tree-y .nav-sub a{margin:0;}
.two-tree-y .nav{padding:0 0 10px 0;}
/*.two-tree-y .nav span{float:right;margin-top:18px;}*/
.two-tree-y .nav li{line-height:40px;}
/*.two-tree-y .nav li:last-child a:hover{border-radius:0 0 12px 12px;}*/
.two-tree-y .nav li.active a i{color:#878787}
.two-tree-y .nav li.active a em{color:#264EEE}
.two-tree-y .nav li a{padding:0 0 0 25px;color:#7C7D8D;position:relative;font-size: 16px;border-radius: 0;font-weight: normal;border-bottom:solid 0 #E0E8FE;}
.two-tree-y .nav li a i{font-size:16px;color:#878787;}
.two-tree-y .nav li a .ico{width:30px;width:30px;vertical-align: middle;border-radius: 100%}
.two-tree-y .nav li a em{float: right;margin-top:14px;margin-right:20px;color:#ccc}
.two-tree-y .nav li a:hover{background:#fff;}
.two-tree-y .nav li a:hover i{color:#7C7D8D}
.two-tree-y .nav li a:hover em{color:#264EEE}
/*.two-tree-y .nav li:last-child a{margin-bottom: 10px} */

.two-tree-y .nav li.active a,.two-tree-y .nav li a:hover,.two-tree-y .nav li.active ul li a:hover{color:#264EEE;}
.two-tree-y .nav li ul{top:0px;padding:10px;border-radius:0 6px 6px 0;z-index: 9}
/*.two-tree-y .nav li ul:after{border-right:8px solid #E5ECF2;z-index: 3;position: absolute;top:14px;left:-8px;display: inline-block;border-top:8px solid transparent;border-bottom: 8px solid transparent;content: '';}*/

.two-tree-y .nav li ul li a {line-height:36px;color:#7C7D8D;padding:0;}
.two-tree-y .nav li ul li a:hover{border-radius: 0}
.two-tree-y .nav li.active ul li a:hover{color:#264EEE}
.two-tree-y .nav li.active ul li a {color: #7C7D8D;}
/*左栏分类*/

/* 下拉分类 */
.filter.fr{float:right;}
.filter.fl{float:right;}
.filter .button-group .button{padding:8px 25px;font-size:16px;line-height:30px;box-shadow: 0px 2px 5px 0 rgba(0,0,151, 0.1);}
.filter .button-group .button span{color:#666;transition:0.3s;}
.filter .button-group .button:hover{background: #fff;}
.filter .button-group .button:hover span{color:#3A4B68;transition:0.3s;}
.filter .button-group .drop-menu{width:100%;text-align:left;box-shadow: 0px 3px 5px 0 rgba(99,107,151, 0.1);-webkit-box-shadow: 0px 3px 5px 0 rgba(99,107,151, 0.1);z-index:99;padding:10px 0}
.filter .button-group .drop-menu:after{position:absolute;top:-8px;left:40px;display:inline-block;border-right:8px solid transparent;border-bottom:8px solid #FFF;border-left:8px solid transparent;content:'';}
.filter .button-group .drop-menu li{position: relative;}
.filter .button-group .drop-menu li a{cursor:pointer;font-weight:400;font-size:15px;padding:0 12px;margin:0 10px;line-height: 32px;border-radius: 6px; }
.filter .button-group .drop-menu li a:hover{background: #F5F7FF}
.filter .button-group .drop-menu li.col-2 {width:50%;float:left;}
.filter .button-group .drop-menu li.col-2 a{margin:2px 0 2px 15px;}
.filter .button-group .drop-menu li.active a{color:#456BED;background: #F5F7FF}
.filter .button-group .drop-menu li a.ey_active{color:#456BED;}
.filter .button.bg-white:focus,.filter .button.bg-white:hover,.filter .button.border-white:focus,.filter .button.border-white:hover{color:#3A4B68;border-color:#fff;background-color:#fff}
/*.filter .button-group .drop-menu b{font-weight:normal}*/
/* 下拉分类 */

.dialogs-down li{cursor:pointer;display:inline-block;position:relative;color:#666;margin:0 10px 30px 10px;font-size:15px;}
.dialogs-down li::before{background:#ccc;content:'';position:absolute;bottom:-10px;left:0;width:100%;height:2px;border-radius:3px;transition:transform .3s;}
.dialogs-down li.cur{color:#008BFF}
.dialogs-down li.cur::before{background:#008BFF;content:'';position:absolute;bottom:-10px;left:0;width:100%;height:2px;border-radius:3px;transition:transform .3s;}
.dialogs-down a.button{padding:13px 50px;}

/*模板列表交X*/
.template-cross dl{margin-bottom:50px;border-radius:12px}
.template-cross dl dt{display:block;width:45%;font-weight:normal;line-height:30px}
.template-cross dl dt .attribute{background:#fff;padding:15px 20px;opacity:.6}
.template-cross dl dt .attribute ul li{padding:0 0 0 16px;position:relative;margin:5px 0}
.template-cross dl dt .attribute ul li p{line-height:28px}
.template-cross dl dt .attribute ul li:before{content:'';position:absolute;top:10px;left:0px;background:#7C7D8D;width:6px;height:6px;border-radius:50%}
.template-cross dl dt strong{font-size:24px;font-weight:600;margin:10px 0 20px 0;display:block}
.template-cross dl dt p{font-weight:400}
.template-cross dl dd{display:block;width:55%}
.template-cross dl dd img{border-radius:6px 6px 0 0}
.template-cross dl:nth-child(2n+0) dt{float:right}
.template-cross dl:nth-child(2n+0) dt .padding{padding:60px 60px 60px 60px}
.template-cross dl:nth-child(2n+0) dd .padding{padding:60px 0 0 35px}
.template-cross dl:nth-child(2n+1) dt{float:left}
.template-cross dl:nth-child(2n+1) dt .padding{padding:60px 60px 60px 50px}
.template-cross dl:nth-child(2n+1) dd .padding{padding:60px 35px 0 0}
.template-cross dl:nth-child(2n+0) dd{float:left}
.template-cross dl:nth-child(2n+1) dd{float:right}
.template-cross dl dt .media-inline .media{margin-top:0px;margin-bottom:10px;margin-right:30px}
.template-cross dl dt a.button{padding:15px 30px}
.template-cross dl dt a.border{border:2px solid #7C7D8D;padding:13px 30px}

/*模板列表左图左字*/
.template-top dl{-webkit-transition:.3s;-o-transition:.3s;transition:.3s;}
.template-top dl:hover{box-shadow: 0px 10px 60px -5px rgba(99,107,151, 0.2);-webkit-transition:.3s;-o-transition:.3s;transition:.3s}
.template-top dl dt span{display:inline-block;}
.template-top dl dt{display:block;width:50%;line-height:28px;float:left}
.template-top dl dt strong{font-size:24px;font-weight:600;margin:10px 0 20px 0;display:block;}
.template-top dl dt p{font-weight:400}
.template-top dl dt a.button{padding:13px 30px;box-shadow:8px 24px 26px 0px rgba(17,22,50,0.18)}
.template-top dl dt a.button:hover{background:#3E61F0;box-shadow:8px 24px 26px 0px rgba(17,22,50,0)}
.template-top dl dt a.border{padding:10px 26px;border:2px solid #456BED;box-shadow:8px 24px 26px 0px rgba(17,22,50,0)}
.template-top dl dt a.border:hover{border:2px solid #456BED;color:#fff;background: #456BED}
.template-top dl dd{display:block;width:50%;float:left}
.template-top dl .bg-1{background:linear-gradient(129.04deg,rgba(42,82,221,.29) -23.84%,rgba(7,163,198,.07) 85.11%),#FFF;}
.template-top dl .bg-2{background:linear-gradient(156.47deg, rgba(0,31,196,.15)-15.49%,rgba(255,49,126,.08) 108.24%),#FFF;}
.template-top dl .bg-3{background:linear-gradient(156.47deg, #B8E7EA -15.49%,rgba(255,227,231,.5) 108.24%),#FFF;}
.template-top dl .bg-4{background: linear-gradient(156.47deg,rgba(254,70,70,.17) -15.49%,rgba(182,244,80,.15) 108.24%),#FFF;}
.template-top dl .bg-5{background: linear-gradient(156.47deg,rgba(201,96,0,.16) -15.49%,rgba(15,163,245,.24) 108.24%),#FFF;}
.template-top dl .bg-6{background: linear-gradient(156.47deg,rgba(0,31,196,.15) -15.49%,rgba(255,49,126,.08) 108.24%),#FFF;}
.template-top dl .bg-7{background: linear-gradient(156.47deg,rgba(104,183,255,.04) -15.49%,rgba(24,219,97,.24) 108.24%),linear-gradient(180deg,#FFF 0,rgba(255,255,255,0) 100%);}
.template-top dl .bg-8{background: linear-gradient(156.47deg,rgba(201,96,0,.16) -15.49%,rgba(15,163,245,.24) 108.24%),#FFF;}
.template-top dl dd img{border-radius:0}
.template-top dl dt .padding{padding:50px 30px 50px 50px}
.template-top dl dt .padding{padding:45px 10px 45px 55px}
.template-top dl dd .padding{padding:50px 50px 60px 0}
.template-top dl dd .coverpad{padding:55px 0 5px 0;border-radius: 0 12px 12px 0;margin-left:15px;background-repeat:no-repeat;background-position:center top;background-size:cover;}
.template-top dl dd .coverpad .bbrowser{height: 16px;border-radius:6px 6px 0 0;background-image:url(../images/browser.png);background-repeat:no-repeat;background-position:15px 50%;background-size:30px}

/*模板列表上图下字*/
.template-single dl{-webkit-transition:.3s;-o-transition:.3s;transition:.3s;}
/*.template-single dl.shadow{box-shadow: 0px 8px 20px -5px rgba(99,107,151, 0.03);border-bottom: 6px solid #EDF0FC}*/
.template-single dl:hover{box-shadow: 0px 10px 45px -5px rgba(0,0,0, 0.06);-webkit-transition:.3s;-o-transition:.3s;transition:.3s}
.template-single dl dt{display:block;width:45%;float:left}
.template-single dl dt strong{font-size:36px;}
.template-single dl dt span{display:inline-block;line-height:24px;}
.template-single dl dt .price{font-weight: 400}
.template-single dl dt a.button{padding:13px 30px;box-shadow:8px 24px 26px 0px rgba(17,22,50,0.18);font-weight: 400}
.template-single dl dt a.button:hover{background:#1F1F1F;box-shadow:8px 24px 26px 0px rgba(17,22,50,0)}
.template-single dl dt a.border{padding:10px 26px;border:3px solid #606060;box-shadow:8px 24px 26px 0px rgba(17,22,50,0)}
.template-single dl dt a.border:hover{border:3px solid #1F1F1F;color:#1F1F1F;background: #FFF}
.template-single dl dd{display:block;width:55%;float:left}
.template-single dl dt .padding{padding:60px}
.template-single dl dd .padding{padding:60px 0 60px 60px}
.template-single dl dd img{transform:scale(1);-webkit-transition:.3s;transition:.3s;}
.template-single dl:hover dd img{transform:scale(1.05);-webkit-transition:.3s;transition:.3s;}

/*插件*/
.template-plugin dl{-webkit-transition:.3s;-o-transition:.3s;transition:.3s;}
.template-plugin dl:hover{box-shadow: 0px 10px 45px -5px rgba(99,107,151, 0.2);-webkit-transition:.3s;-o-transition:.3s;transition:.3s}
.template-plugin dl dt{display:block;width:67%;float:left}
.template-plugin dl dt strong{font-size:32px;display:block}
.template-plugin dl dt span{display:inline-block;line-height:24px;}
.template-plugin dl dt .price{font-weight: 400}
.template-plugin dl dt a.button{padding:12px 18px;box-shadow:6px 20px 22px 0px rgba(17,22,50,0.18);font-weight: 400}
.template-plugin dl dt a.button:hover{background:#1F1F1F;box-shadow:6px 20px 22px 0px rgba(17,22,50,0)}
.template-plugin dl dt a.border{padding:8px 20px;border:3px solid #606060;box-shadow:8px 24px 26px 0px rgba(17,22,50,0)}
.template-plugin dl dt a.border:hover{border:3px solid #1F1F1F;color:#1F1F1F;background: #FFF}
.template-plugin dl dd{display:block;width:33%;float:left}
.template-plugin dl dt .padding{padding:40px}
.template-plugin dl dd .padding{padding:50px 40px 40px 0}

/*插件*/
.template-site dl{ -webkit-transition:.3s;-o-transition:.3s;transition:.3s;}
/*.template-site dl:hover .thememockups{box-shadow: 0 35px 60px -25px #606060;-webkit-transition:.3s;transition:.3s}*/
.template-site dl:hover{box-shadow: 0px 10px 35px -5px rgba(99,107,151, 0.2);-webkit-transition:.3s;-o-transition:.3s;transition:.3s}
.template-site dl dt{display:block;}
.template-site dl dt strong{font-size:32px;display:block;line-height:36px;overflow: hidden;}
.template-site dl dt span{display:inline-block;line-height:24px;}
.template-site dl dt .price{font-weight: 400;height: 24px;overflow: hidden;}
.template-site dl dt a.button{padding:12px 24px;box-shadow:5px 5px 10px 0px rgba(0,0,0,0.15);font-weight: 400}
.template-site dl dt a.button:hover{background:#1F1F1F;box-shadow:5px 10px 10px 0px rgba(0,0,0,0)}
.template-site dl dt a.border{padding:8px 20px;border:3px solid #606060;box-shadow:8px 24px 26px 0px rgba(17,22,50,0)}
.template-site dl dt a.border:hover{border:3px solid #1F1F1F;color:#1F1F1F;background: #FFF}
.template-site dl dd{display:block;}
.template-site dl dt .padding{padding:0 30px 40px 30px}
.template-site dl dd .padding{padding:30px}

.thememockups{
  border: 5px solid #1F1F1F;
  background-color: #949494;
  border-radius: 20px;
  overflow: hidden;
  position: relative;
  box-shadow: 0 25px 50px -20px #878787;
  -webkit-transition:.3s;transition:.3s
}

/*.thememockups-small{
  border: 5px solid #1F1F1F;
  background-color: #949494;
  border-radius: 20px;
  overflow: hidden;
  position: relative;
  box-shadow: 0 15px 35px -10px #878787;
  -webkit-transition:.3s;transition:.3s
}*/

/*模板列表*/
.template-list .media{position:relative;-webkit-transition:.3s;transition:.3s}
.template-list .media.margin-large-bottom{margin-bottom: 60px}
.template-list .media .media-img{position:relative;display:block;height:auto;z-index: 3;overflow: hidden}
.template-list .media .media-img .short{transition:0.3s;padding-bottom:63%;display:block;width:100%;height:0;overflow:hidden;background-position:center top;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;position:relative;text-indent:-3000px;-webkit-transition:.3s;transition:.3s;}
.template-list .media .media-img .long{transition:0.3s;padding-bottom:75%;display:block;width:100%;height:0;overflow:hidden;background-position:center top;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;position:relative;text-indent:-3000px;-webkit-transition:.3s;transition:.3s;}
/*.template-list .media .media-img .post-link{text-indent:-3000px;font-size:0;display:block;width:100%;height:100%;position:absolute;top:0;bottom:0;z-index:1}*/
.template-list .media .media-img .post-mask{overflow: hidden; position:absolute;right:0;width:100%;bottom:0;height: 100%;vertical-align:middle;opacity:0;-webkit-transition:.3s;transition:.3s;z-index:0;}
.template-list .media .media-img .post-mask .post-bar{position:absolute;bottom:-30px;left:30px;right:30px;z-index:9;display: block; -webkit-transition:.3s;transition:.3s}
.template-list .media .media-body strong{margin:0 0 10px 0;overflow:hidden;height:24px;font-weight:400}
.template-list .media .media-body i{font-style: normal;}
.template-list .media:hover .short{transform:scale(1.05);-webkit-transition:.3s;transition:.3s;}

.template-list .media:hover .media-img{box-shadow:0 5px 20px 5px rgba(0,0,0,.1);-webkit-transition:.3s;transition:.3s}
.template-list .media:hover .media-body strong a{color:#1f1f1f}
.template-list .media:hover .post-mask{visibility:visible;opacity:1;-webkit-transition:.3s;transition:.3s}
.template-list .media:hover .post-mask .post-bar{bottom:30px;-webkit-transition:.3s;transition:.3s}
.template-list .media:hover .post-mask .post-bar a{line-height: 40px;}
.template-list .media:hover .post-mask .post-bar a.post-preview{width:50%;display: block; background-image: linear-gradient(90deg,#6253e1,#852d91,#f24645);
box-shadow: 0 4px 15px 0 rgba(126,52,161,.75);border-radius: 20px 0 0 20px}
.template-list .media:hover .post-mask .post-bar a.post-demo{width:50%;display: block;background-image: linear-gradient(90deg,#25aae1,#40e495,#30dd8a,#2bb673);
box-shadow: 0 4px 15px 0 rgba(49,196,190,.75);border-radius: 0 20px 20px 0}
.template-list .media:hover .post-mask:before{background-color:rgba(0,0,0,0.1);content:'';position:absolute;z-index:3;top:0;left:0;bottom:0;right:0}
.template-list .media:hover .short,.template-list .media:hover .long{background-position:center 30%;}


.format{list-style:none;position:relative;padding-left:18px}
.format:not(:last-of-type):before{height:100%;width:1px;left:3px;background:linear-gradient(-180deg,#456BED 0%,#456BED 98%)}
.format:after,.format:not(:last-of-type):before{content:"";position:absolute;top:calc((1em - -10px) / 2)}
.format:after{left:0;display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;width:7px;height:7px;border:1px solid #456BED;border-radius:50%;background-color:#fff;-ms-format-negative:0;format-shrink:0}
.format .format_box{padding:0 18px 0 0;height:28px;line-height:28px}
.format .format_tit{float:left;font-style:inherit;letter-spacing:.075em;margin-top:0;display:block;font-weight:normal}
.format .format_tip{font-style:inherit;margin-bottom:0;word-break:break-word;display:block}

.tab-detail .button-fav{padding:15px 12px;}
/*.tab-detail .button-fav:hover{background: #EBEFFF}*/
.tab-detail .button-demo{padding: 13px 15px;line-height: 24px;}
.tab-detail .btn{padding:13px 15px;line-height: 24px;}

.tab-detail .tab-head {border-bottom:0 solid #E5ECF2;border-radius:0;font-size:0;-webkit-text-size-adjust:none;padding:10px 30px;}
.tab-detail .tab .tab-nav li {display:inline-block;width:auto;margin:0 40px 0 0;padding:0;}
/* .tab-detail .tab .tab-nav li:last-child {margin-right:0px} */
.tab-detail .tab .tab-nav li a {color:#3A4B68;padding:18px 0;border:0;line-height:20px;font-weight:600;border-radius:0;font-size:16px;text-align:center;outline:none}
.tab-detail .tab .tab-nav li a:hover{color:#456BED;}
.tab-detail .tab .tab-nav .active a{position:relative;border-radius:0px;color:#456BED}
.tab-detail .tab .tab-nav .active :before{position:absolute;border-radius:6px;width:24px;height:4px;left:50%;margin-left:-12px;bottom:0;background-color:#456BED;display:block;content:'';}
.tab-detail .tab .tab-nav li a,.tab-detail .tab .tab-nav .active a:focus {outline:none;}
.tab-detail .tab .tab-body {border-radius:0;border-top:solid 0px #ddd;padding:0}

/* 常见问题折叠style2 box-shadow: 0 1px 1px rgba(99,107,151,.25);*/
.collapse {width:100%;margin-bottom:12px;}
.collapse .head {height:30px;line-height:30px;padding:0;cursor:pointer;font-weight:600}
.collapse .head i {margin:10px 0 0 0;}
.collapse .arrow {float:right;width:16px;height:16px;overflow:hidden;background:url(../images/ico_jia.png) no-repeat;display:inline-block;border:0px}
.collapse .icon-jia {background-position:0 0;}
.collapse .icon-jian {background:url(../images/ico_jian.png) no-repeat;}
.collapse .cbody {padding:10px 50px 0 24px;display:block;}
.collapse .cbody ul li{padding:0 0 5px 18px;position:relative;font-size:15px}
.collapse .cbody ul li p{line-height:22px;margin-bottom: 5px}
.collapse .cbody ul li:before{content:'';position:absolute;top:9px;left:2px;background:#456BED;width:6px;height:6px;border-radius:50%}
.collapse .cbody a{color:#456BED;text-decoration: underline;}
.collapse .cbody a:hover{text-decoration:none}

.theme-content p {line-height:28px;margin-bottom:10px;font-size: 15px}
.theme-content strong{font-size:15px;display: block}
.theme-content a{color:#456BED;text-decoration: underline;}
.theme-content a:hover{text-decoration:none;}
.theme-content a.button{color:#fff;text-decoration:none}
.theme-content ul li{padding:0 0 5px 30px;position:relative;font-size:15px}
.theme-content ul li p{line-height:22px;margin-bottom: 5px}
.theme-content ul li:before{content:'';position:absolute;top:9px;left:20px;background:#456BED;width:6px;height:6px;border-radius:50%}

.pricebar{position:relative;z-index:3}
.pricebar .price{font-size:32px;}
.pricebar .buyaction .button-big{padding:12px 20px}
.pricebar .buyaction .button-fav{padding:15px 5px;line-height:22px}
.pricebar .spec .btn{display:inline-block;padding:9px 15px;font-weight:normal;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border:1px solid transparent;border-radius:6px;margin-right:5px;}
.pricebar .spec .btn-selected{background-color:transparent;color:#666;border-color:#D1DBFF}
.pricebar .spec .btn-selected.btn-danger{color:#456BED;background-color:transparent;border-color:#456BED}
.pricebar .spec .btn-selected.btn-danger:hover{color:#456BED;background-color:transparent;border-color:#456BED}
.pricebar .spec .btn-selected:hover,.pricebar .spec .btn-selected:focus{color:#456BED;background-color:transparent;border-color:#456BED}
.pricebar .number{display:none;margin-top:20px}
.pricebar .number .btn-input{border:1px solid #CCC;display:inline-block;vertical-align:middle;position:relative;font-size:0px}
.pricebar .number .btn-input button{width:34px;height:36px;font-size:16px;line-height:36px;padding:0;border:none;background-color:#fff;color:#393939;outline:none}
.pricebar .number .btn-input input{font-size:16px;height:36px;padding:0;display:inline-block;vertical-align:top;width:40px;text-align:center;border:none;border-left:1px solid #CCC;border-right:1px solid #CCC;border-radius:0;outline:none}
.pricebar .number label{margin-right:12px}

.theme-detail{position: relative;z-index: 2}
.theme-detail h1{font-size:36px;font-weight:600;}
.theme-detail strong{font-size:42px;font-weight:600;color: transparent;
background-clip: text;
-webkit-background-clip: text;
background-image: linear-gradient(90deg,#ff4900,#eca624);}
.theme-detail .buyaction{font-size:0}
.theme-detail .buyaction a{display:inline-block;padding:15px 35px;cursor:pointer;text-align:center;vertical-align:middle}
.theme-detail .demo_pic{margin:0 auto;max-width: 800px}
.theme-detail .att li{display: inline-block;padding:0 5px;}

.ico-y .media{display:block;box-shadow: 0 0 40px 0 rgba(99,107,151, 0.07);padding:25px;}
.ico-y .media span{display: block;width:64px;height: 64px;line-height: 64px;padding:10px;margin:0 auto;}
.ico-y .media-body{padding:0}

/* 有序号列表 begin*/
.list-post-order li{position:relative;padding:0 0 0 30px;margin-bottom:12px;width:100%;}
.list-post-order li:last-child{margin-bottom: 0}
.list-post-order li a{display:block;}
.list-post-order li span{border:1px solid #EBEFFF;background:#EBEFFF;color:#98a6ad;width:20px;height:20px;line-height:18px;position:absolute;top:2px;left:0;font-size:12px;}
.list-post-order li:nth-of-type(1) span{border:1px solid #456BED;background:#456BED;color:#fff}
.list-post-order li:nth-of-type(2) span{border:1px solid #FFB929;background:#FFB929;color:#fff}
.list-post-order li:nth-of-type(3) span{border:1px solid #CF22D4;background:#CF22D4;color:#fff}
/*.list-post-order li:nth-of-type(2) span,.list-post-order li:nth-of-type(3) span{border:1px solid #FFA354;color:#FFA354}*/
/* 有序号列表 end*/

/* css3瀑布流begin */
.waterfall{column-count:3;-moz-column-count:3;-webkit-column-count:3;column-gap:24px;margin:0 auto;}
.waterfall .item{position:relative;overflow:hidden;margin-bottom:24px;break-inside:avoid;-moz-page-break-inside:avoid;-webkit-column-break-inside:avoid}
.waterfall .item.max-height{max-height:850px;}
.waterfall .item .post-link strong{opacity:0;position:absolute;right:20px;bottom:20px;left:20px;z-index:3;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}
.waterfall .item a.collect{height:32px;width:32px;line-height:32px;border-radius:50%;top:20px;right:20px;position:absolute;transition:0.3s;transition:0.3s;z-index:3;opacity:0}
.waterfall .item:hover .post-link,.waterfall .item:hover .post-title,.waterfall .item:hover a.collect{opacity:1;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}
.waterfall .item .post-link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;background:rgba(99,107,151,.3);opacity:0;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}
.waterfall .item:hover .post-link{opacity:1;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}
/* css3瀑布流end */

.theme_l{margin-right:-50px;}
.theme_r{margin-left: 50px}

.theme-title h1{font-size:32px;font-weight: bold;display: inline-block;}
.theme-title span{display: inline-block;line-height:40px}

.theme .whyus-ico span{display:block;line-height:30px;}
.theme .bbrowser{height: 20px;border-radius:8px 8px 0 0;background-image:url(../images/browser.png);background-repeat:no-repeat;background-position:15px 50%;background-size:48px}

.theme-demo a.border{padding:12px 28px;border:1px solid #456BED;box-shadow:8px 24px 26px 0px rgba(17,22,50,0)}
.theme-demo a.border:hover{border:1px solid #456BED;background:#456BED;color:#fff}

.theme-intro dl{margin:0 0 10px 0;display: block;line-height: 24px;}
.theme-intro dl dt{width:32%;float:left;font-weight: normal;}
.theme-intro dl dd{width:64%;float:right;}

.theme-log dl{margin:0 0 10px 0;display: block;line-height: 24px;}
.theme-log dl dt{width:16%;float:left;font-weight: normal;position:relative;text-indent: 40px}
.theme-log dl dt:before{content:'';position:absolute;top:10px;left:24px;background:#456BED;width:6px;height:6px;border-radius:50%}
.theme-log dl dd{width:84%;float:left;}
.theme-log dl dd strong{display: block;margin-bottom: 5px}
.theme-log dl dd p{line-height: 20px}
.theme-log dl dd a{text-decoration: none}

.theme-sidebar .title {position:relative;z-index:3}
.theme-sidebar .title strong{display: block;}
.theme-sidebar .title strong a{font-size:15px;}
.theme-sidebar .title strong a:hover{color:#456BED}

.theme-fun .media{height:70px;overflow: hidden;margin-bottom: 20px}
.theme-fun .media span{display: block;width:40px;height: 40px;line-height: 40px;padding:5px;background: #3A4B68;margin-right: 10px}
.theme-fun .media:hover span{background: #5D7CF0}
.theme-fun .media strong{font-size:15px;margin:0 0 5px 0;color:#3A4B68;}
.theme-fun .media p{font-size:14px;line-height:24px}
.theme-fun .media:hover strong{color:#5D7CF0;}

@media screen and (max-width:768px){
.download-l{margin-right:0}
.download-r{margin-left:0}

.tab-detail .tab-head {padding:10px;}
.tab-detail .tab .tab-nav li {width:24%;margin:0;}
.tab-detail .tab .tab-nav li a {padding:15px 0;font-size:16px;}
.tab-detail .tab .tab-nav .active :before{bottom:5px;}

.theme-detail h1{font-size:24px;}
.theme-detail strong{font-size:24px;}

.template-list .media{margin-bottom:20px}
.template-list .media .media{height:315px}

.template-list .media.margin-big-bottom{margin-bottom:10px}
.template-list .media .media-img .post-mask .post-bar{bottom:-20px;left:10px;right:10px;}
.template-list .media:hover .post-mask .post-bar{bottom:10px;}
.template-list .media:hover .post-mask .post-bar a{line-height: 30px;}

.template-cross dl dt,.template-cross dl dd{width:100%;text-align:center;float:none}
.template-cross dl:nth-child(2n+0) dt .padding,.template-cross dl:nth-child(2n+0) dd .padding,.template-cross dl:nth-child(2n+1) dt .padding,.template-cross dl:nth-child(2n+1) dd .padding{padding:20px}
.template-cross dl dt h2{font-size:20px}

.template-top dl.margin-large-bottom{margin-bottom:20px}
.template-top dl dt{width:100%}
.template-top dl dd{width:100%}
.template-top dl dt strong{font-size:24px;margin:0 0 10px 0;}
.template-top dl dt .padding,.template-top dl dt .padding{padding:20px}
.template-top dl dd .padding{padding:20px}
.template-top dl dt a.button{padding:12px 25px;box-shadow:5px 20px 22px 0px rgba(17,22,50,0.18)}
.template-top dl dt a.border{padding:10px 25px;box-shadow:5px 20px 22px 0px rgba(17,22,50,0)}
.template-top dl dd .coverpad{padding:20px 0 0 0;border-radius: 0 0 12px 12px;margin-left:0;}

.template-single dl{margin-bottom:20px}
.template-single dl dt{width:100%;float:none}
.template-single dl dt strong{font-size:24px}
.template-single dl dt a.button{padding:12px 30px}
.template-single dl dt a.border{padding:10px 25px}
.template-single dl dd{width:100%;float:none}
.template-single dl dt .padding{padding:20px}
.template-single dl dd .padding{padding:20px 20px 30px 20px}

.template-plugin dl{margin-bottom:20px}
.template-plugin dl dt{width:100%;float:none}
.template-plugin dl dt strong{font-size:24px}
.template-plugin dl dt a.button{padding:12px 30px}
.template-plugin dl dt a.border{padding:10px 25px}
.template-plugin dl dd{width:100%;float:none}
.template-plugin dl dt .padding{padding:20px}
.template-plugin dl dd .padding{padding:20px 20px 30px 20px}

.thememockups{
  border-radius: 16px;
  box-shadow: 0 15px 40px -10px #878787;
}


/* css3瀑布流begin */
.waterfall{margin:10px auto 0 auto}
.waterfall .item{margin-bottom:10px}
.waterfall{column-count:2;-moz-column-count:2;-webkit-column-count:2;column-gap:10px}
/* css3瀑布流end */

/*中栏分类*/
.one-tree-y .nav-m{position:absolute;border-radius:5px;box-shadow:0 15px 36px -12px rgba(0,0,0,.3);padding:15px 20px 10px 20px;z-index:9;right: 0;left:0;top:70px;background: #fff}
.one-tree-y .nav-m:after{position: absolute;top:-8px;left:35px;display:inline-block;border-right:10px solid transparent;border-bottom:10px solid #FFF;border-left:10px solid transparent;content: ''; }
.one-tree-y .nav-m ul li.nav-head{width:100%;}
.one-tree-y .nav-m ul li.nav-child{width:100%;}
.one-tree-y .nav-m ul li{float:none;}
.one-tree-y .nav-m ul li ul li{width:100%;}
.one-tree-y .nav-m ul li ul li a{margin:5px 10px 5px 0;border:1px solid #ebebeb;}
.one-tree-y .button{padding:0 20px;height:42px;line-height:42px;border-radius:5px; background:#fff;border:0;position: absolute;left:0;top:0;z-index:9;color:#878787; font-size:16px; text-align:center;margin:20px 0 0 0;box-shadow: 0px 2px 5px 0 rgba(0,0,0, 0.1);}
.one-tree-y .button.bg-white:focus,.one-tree-y .button.bg-white:hover,.one-tree-y .button.border-white:focus,.one-tree-y .button.border-white:hover{color:#878787;border-color:#fff;background-color:#fff}

/*左栏分类*/
.two-tree-y .nav{position:absolute;box-shadow:0 15px 36px -12px rgba(0,0,0,.09);padding:10px 20px;z-index:9;width:100%;top:70px;background: #fff}
.two-tree-y .nav:after{position: absolute;top:-10px;left:20px;display:inline-block;border-right:10px solid transparent;border-bottom:10px solid #FFF;border-left:10px solid transparent;content: ''; }
.two-tree-y .nav li a{padding:0 0 0 20px;line-height: 40px}
.two-tree-y .nav li ul {left:0;top:40px;width:100%;}
.two-tree-y .nav li ul:after{display: none}
.two-tree-y .nav li ul li a{text-indent: 40px;line-height:36px}
.two-tree-y .button{padding:0 20px;height:42px;line-height:42px;border-radius:5px; background:#fff;border:0;position: absolute;left:0;top:0;z-index:9;color:#878787; font-size:16px; text-align:center;margin:20px 0 0 0;box-shadow: 0px 2px 5px 0 rgba(0,0,0, 0.1);}
.two-tree-y .button.border-white:hover, .two-tree-y .button.border-white:focus, .two-tree-y .button.bg-white:hover, .two-tree-y .button.bg-white:focus{color: #393939;border-color: #FFF;background-color: #FFF;}

.filter.fr{float:none;text-align: center}
.filter.fl{float:left;}
.filter .button-group .button{margin:0;}
.filter .button-group .drop-menu li a{font-size:16px;padding:0 10px;}
.filter .button-group .drop-menu li.col-2 a{margin:2px 10px 2px 10px;}

.channel .media-img .zoom-channel{padding-bottom:75%}
.channel .headinfo{width:90%;margin-left:-45%;margin-top:-85px;height:170px;}
.channel .headinfo h2{font-size: 32px;}
.channel .headinfo p{font-size:20px;}
.channel .input {height:50px;}
.channel .button {height:50px;width:20%;}

.topic ul li a{height:120px;line-height:120px;}

.theme-content ul li{padding:0 0 0 40px;position:relative;font-size:16px}
.theme-content ul li p{line-height:24px;;margin-bottom:10px}
.theme-content ul li:before{content:'';position:absolute;top:9px;left:24px;background:#456BED;width:6px;height:6px;border-radius:50%}

}