.special {}
.special .warp{}
.special .warp .item{ height: 225px; padding: 38px 0; border-bottom: 1px solid #e6e6e6;}
.special .warp .item .net{ width: 735px; height: 100%; overflow: hidden; float: left;}
.special .warp .item .net .bt{ text-align: center; height: 19px; line-height: 19px; overflow: hidden; font-size: 18px;  font-weight: bold;}
.special .warp .item .net .bt a{color: #313131;}
.special .warp .item .net .bt a span{ display: inline-block; vertical-align: middle; color: #f0412a; font-size: 14px; margin-top: 0px; font-weight: normal; padding-left: 17px;}
.special .warp .item .net .text{ line-height: 21px; height: 42px; overflow: hidden; width: 100%; color: #737373; font-size: 14px; padding-top: 24px;}
.special .warp .item .net .info{ width: 800px; height: 115px; padding-top: 25px;}
.special .warp .item .net .info a{display: block; float: left; width: 115px; height: 115px; margin-right: 40px; border-radius: 20px; overflow: hidden;}
.special .warp .item .img_right{ float:right; display: block; width: 400px; height: 200px; overflow: hidden; margin-top: 24px;border-radius: 4px;}
.special .warp .item img{ width: 100%; height: 100%;}
.special_info{}
.special_top{ height: 220px; width: 100%; border-bottom: 3px solid #e6e6e6; padding-bottom: 32px;}
.special_top .img{ float: left; width: 440px; height: 220px; overflow: hidden; border-radius: 4px;}
.special_top .img img{width: 100%;min-height: 100%;}
.special_top .tex{ float: left; width: 698px; padding-left: 20px;  height: 100%; overflow: hidden;}
.special_top .tex .p1{ float: left;width: 100%;height: 23px; margin-top: 8px; padding-bottom: 16px; border-bottom: 1px solid #e6e6e6;}
.special_top .tex .p1 h1{ float: left; max-width: 530px; font-size: 22px;color: #000; display: inline-block; padding-right: 15px; height: 23px; overflow: hidden; line-height: 23px;font-weight: bold;}
.special_top .tex .p1 span{display: inline-block; float: left; vertical-align: middle; margin-top: 4px; font-size: 14px;}
.special_top .tex .p1 span i{ color: #F0412A; padding: 0 3px;}
.special_top .tex .p2{    float: left;width: 100%;overflow: hidden;}
.special_top .tex .p2 p{ font-size: 14px; line-height: 28px; margin-top: 5px; color: #303030; height: 84px; overflow: hidden;text-align: justify;}
.special_top .tex .p2 span{ display: block;margin-top: 25px; font-size: 14px; color: #737373; max-width: 300px; overflow: hidden; height: 14px; line-height: 14px;}
.special_top .tex .p2 .sp1{ float: left;}
.special_top .tex .p2 .sp2{ float: right;}
.special_top .tex .p3{    float: left; width: 100%;font-size: 14px; height:20px; line-height: 20px; overflow: hidden; margin-top:25px;}
.special_top .tex .p3 a{ display: inline-block;  padding-right:5px;}
.special_top .tex .p3 a i{display: block; width: 4px; height: 4px; float: left; border-radius: 50%; background: #000; margin:9px 5px 0;}
.special_top .tex .p3 a{color: #303030;}
.special_top .tex .p3 a:hover{ color: #0068b7;}
.special_top .tex .p3 a:hover i{ background: #0068b7;}


.special_info .warp_info{ width: 1200px; padding-bottom: 20px;}
.special_info .warp_info .item{ width: 339px; height: 202px; border:1px solid #e6e6e6; padding: 16px 14px 0 15px; position: relative; margin: 40px 25px 5px 0; float: left;}
.special_info .warp_info .item .img{ float: left; width: 100px; height: 100px; overflow: hidden; border-radius: 15px;}
.special_info .warp_info .item .img img{width: 100%;min-height: 100%;}
.special_info .warp_info .item .tex{  float: left; width: 201px; padding-left: 20px;overflow: hidden;}
.special_info .warp_info .item .tex .bt{ height: 20px; line-height: 18px; font-size: 18px; overflow: hidden;color: #000; display: block; width: 175px;}
.special_info .warp_info .item .tex p{ padding-top: 15px; font-size: 14px; height: 16px; line-height: 16px; color: #737373;}
.special_info .warp_info .item .tex p span{ padding: 0 10px;}
.special_info .warp_info .item .tex p .sp{ padding-left: 0px;}
.special_info .warp_info .item  .a_list{width: 223px; float: left; padding-left: 7px; padding-top: 17px;}
.special_info .warp_info .item  .a{ display: block; float: left; width: 89px; height: 31px; border-radius: 20px; text-align: center; line-height: 31px; color: #737373; font-size: 14px;
    border:1px solid #e6e6e6; margin: 0 10px; overflow: hidden;}
.special_info .warp_info .item .a i{ display: inline-block; vertical-align: middle; padding-right: 4px; margin-top:-5px; background: url(../images/sy_zq.png) no-repeat;}
.special_info .warp_info .item .an i{height: 26px; width: 22px;background-position: -65px -77px;}
.special_info .warp_info .item .iphone i{height: 26px;width: 20px;background-position: -67px -45px;}
.special_info .warp_info .item .an:hover{ filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#40c712',endColorStr='#b2d11b',gradientType='0');
    background: -webkit-linear-gradient(#40c712 , #b2d11b);
    background: -o-linear-gradient(#40c712,  #b2d11b);
    background: -moz-linear-gradient( #40c712,  #b2d11b);
    background: linear-gradient( #40c712 ,  #b2d11b); }
.special_info .warp_info .item .iphone:hover{ filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#494949',endColorStr='#010101',gradientType='0');
    background: -webkit-linear-gradient(#494949 , #010101);
    background: -o-linear-gradient(#494949,  #010101);
    background: -moz-linear-gradient( #494949,  #010101);
    background: linear-gradient( #494949 ,  #010101);}
.special_info .warp_info .item .an:hover i{background-position: -90px -78px}
.special_info .warp_info .item .iphone:hover i{background-position: -90px -45px}
.special_info .warp_info .item  .a:hover{ color: #fff;}
.special_info .warp_info .item .tex .bt:hover{ color: #F0412A; text-decoration: underline;}
.special_info .warp_info .item .zan{ display: block;position: absolute; right: 0px; top:-20px; background: url(../images/sy_zq.png) no-repeat;height:94px;width:81px;background-position: 0 -359px}
.special_info .warp_info .item .text{font-size: 14px; color: #737373; line-height: 21px; padding-top: 22px; height: 63px; overflow: hidden;}
.special_info .warp_info .item:hover{ -webkit-box-shadow:0px 3px 8px #e6e6e6;}

.special_info .warp_info .item .tv i{height: 26px;width: 20px;background-position: -75px -121px;}
.special_info .warp_info .item .pc i{height: 26px;width: 20px;background-position: -74px -147px;}
.special_info .warp_info .item .tv:hover i{background-position: -104px -121px}
.special_info .warp_info .item .pc:hover i{background-position: -104px -147px}
.special_info .warp_info .item .tv:hover{ filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#f6b382',endColorStr='#fc9242',gradientType='0');
    background: -webkit-linear-gradient(#f6b382 , #fc9242);
    background: -o-linear-gradient(#f6b382,  #fc9242);
    background: -moz-linear-gradient( #f6b382,  #fc9242);
    background: linear-gradient( #f6b382 ,  #fc9242);}
	.special_info .warp_info .item .pc:hover{ filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#80e2ff',endColorStr='#59bedc',gradientType='0');
    background: -webkit-linear-gradient(#80e2ff , #59bedc);
    background: -o-linear-gradient(#80e2ff,  #59bedc);
    background: -moz-linear-gradient( #80e2ff,  #59bedc);
    background: linear-gradient( #80e2ff ,  #59bedc);}
	
.special_top.theme {height: auto; overflow: hidden;padding-bottom: 20px;}
.special_top.theme .tex{height: 220px;}
.special_top.theme .tex .p2 p{height: 112px; color:#444444;}
.special_top.theme .btnbox{float: left; width: 100%; overflow: hidden; display: flex; padding: 20px 0 0 0;}
.special_top.theme .btnbox .bt,.special_top.theme .btnbox a{width: 170px; height: 50px; line-height: 50px; border-radius: 5px; text-align: center; margin: 5px 0;}
.special_top.theme .btnbox .bt{background: #ffb366; color: #fff; float: left;}
.special_top.theme .btnbox span{flex: 1;}
.special_top.theme .btnbox a{box-sizing: border-box; display: block; float: left; color: #000; border:1px solid #000; margin-left: 75px;}
.special_top.theme .btnbox a:nth-child(3n-2){border-color: #cc6699;}
.special_top.theme .btnbox a:nth-child(3n-1){border-color: #00ccff;}
.special_top.theme .btnbox a:nth-child(3n){border-color: #00ff33;}
.special_info .warp_info{padding-bottom: 0px;}
.special_info .warp_info .listbox{background: url("../images/dwonbj_hj.png") no-repeat center top; background-position: -15px 0; padding-top: 90px; position: relative; min-height: 297px; margin-top: 20px;}
.special_info .warp_info .listbox .bt-h{position: absolute; left: -36px; right: 0; top:29px; margin: auto; width: 242px; height: 60px; line-height: 60px; text-align: center; color: #cb3f00; font-size: 26px; letter-spacing: 2px;}
.special_info .warp_info  .item{background: #fff; transform: scale(0.9);}
.special_info .warp_info  .item .num{background: url("../images/special_info_num.png") no-repeat center; position: absolute; right: -10px; top: -10px;}
.special_info .warp_info  .item .num1{height:75px;width:54px;background-position: 0 0;}
.special_info .warp_info  .item .num2{height:74px;width:52px;background-position: -65px 0;}
.special_info .warp_info  .item .num3{height:76px;width:54px;background-position: -130px 0;}


.nightbody .special_top.theme .btnbox a{ color: #fff;}
.nightbody .special_top.theme .tex .p2 p{color: #bababa;}
.nightbody .special_info .warp_info .item{background:none;}
.nightbody .special_info .warp_info .item:hover { -webkit-box-shadow: 0px 3px 8px #000;}