@import url("style.css");
/* CSS Document */
h1.ht { width:1200px; margin:0 auto; height:20px; line-height:20px; font-size:14px; text-align:center;}


.nav {width: 100%;}
.nav .catelog {max-width: 1200px;margin: 0 auto;}
.nav .navLeft {width:24%;float: left;position: relative;}
.nav .column ul {overflow: hidden;}
.nav .column ul li {overflow: hidden;height: 60px;background:rgba(255,255,255,.9)}
.nav .colLeft {overflow: hidden;}
.nav .colLeft dt {width: 55px;height: 60px;float: left;padding: 10px 0 0 15px;font-size: 14px;font-weight: bold;}
.nav .colLeft dd {float: left;width: 210px;overflow: hidden;}
.nav .colLeft dd a {margin: 8px 0 0 12px;float: left;}
.nav .colLeft dd a:hover{color: #f60;}
.nav .colright {width: 0px;height: 558px;border: 1px solid #EEEEEE;border-left: 0;background: #FFFFFF;position: absolute;top: 40px;left: 290px;overflow: hidden;}
.nav .flright {height: 90px;padding: 20px 0 0 20px;overflow: hidden;}
.nav .flright dt {height: 24px;line-height: 24px;font-size: 14px;font-weight: bold;}
.nav .flright dd {height: 69px;overflow: hidden;}
.nav .flright dd a {float: left;padding-right: 10px;height: 33px;line-height: 33px;}
.nav .flright dd a:hover{color: #f60;}
.nav .column {width:100%;height: 480px;position: absolute;left: 0;z-index: 10;}
.nav .column ul {width:100%;float:left;height:480px;}
.nav .column ul li .menu {display: none;width:560px; padding:0 0 0 20px;min-height:481px;position:absolute;left:100%;overflow: hidden;background: #FFFFFF;z-index:-1; }
.nav .column ul li:hover {background: #FFFFFF}
.nav .column ul li:hover .menu {display: block;position: absolute;top:-1px;width:580px; height: 481px}
.nav .column ul li:hover .menu dl{padding:10px 0 0 0; float:left; width:280px;}
.nav .column ul li:hover .menu dl dt{width:250px; line-height:24px; float:left;}
.nav .column ul li:hover .menu dl dd{width:250px; float:left; margin-bottom:18px;}
.nav .column ul li:hover .menu dl dd a{float:left; font-size:12px; display:block;height:30px;line-height:30px;white-space: nowrap;padding-right:5px;}
.nav .column ul li:hover dl dt a {font-size:14px; font-weight:bold;display: block;height:24px;line-height: 24px;float: left;}
.nav .colright {width: 0px;border: 1px solid #EEEEEE;border-left: 0;background: #FFFFFF;position: absolute;top: 40px;left: 290px;overflow: hidden;}


.sc_nav {width: 100%;}
.sc_nav {background: #649cf0; height: 70px;line-height: 70px;margin: 0 auto; }
.sc_nav .navLeft p {font-size: 18px;font-weight: bold;line-height: 70px; }
.sc_nav .catelog {max-width: 1200px;margin: 0 auto;}
.sc_nav .column ul {overflow: hidden;}
.sc_nav .column ul li {overflow: hidden;height: 60px;background:#fff;}
.sc_nav .colLeft {overflow: hidden; float: left}
.sc_nav .colLeft dt {width:120px;height: 60px;float: left;padding: 10px 0 0 15px;font-size: 14px;font-weight: bold; line-height: 28px}
.sc_nav .colLeft dd {float: left;overflow: hidden; max-width: 800px;}
.sc_nav .colLeft dd a {float: left; font-size: 14px; display: block;margin: 10px 0 0 15px; height: 60px;line-height: 28px; }
.sc_nav .colLeft dd a:hover{color: #f60;}
.sc_nav .column {width:880px;height: 480px;position: absolute;left: 0;z-index: 10;}
.sc_nav .column ul {width:100%;float:left;height:480px;}
.sc_nav .column ul li:hover {background: #FFFFFF}
.sc_nav .column ul li:hover dl dt a {font-size:14px; font-weight:bold;display: block;height:24px;line-height: 24px;float: left;}
.sc_nav .colright {width: 0px;border: 1px solid #EEEEEE;border-left: 0;background: #FFFFFF;position: absolute;top: 40px;left: 290px;overflow: hidden;}

.sc_nav em {display: inline-block;background: url(../images/icon/dh_icon.png) left center no-repeat;background-size: inherit;width: 20px;height: 12px;margin: 0 20px;}
.sc_nav .navLeft {width:24%;float: left;position: relative;}
.sc_nav .navLeft b {height: 40px;line-height: 40px;text-align: center;color: #fff;font-size:18px;}
.sc_nav .navRight {height:70px;overflow: hidden;}
.sc_nav .navRight li {display: inline-block;text-align: center;font-size: 16px; color: #fff;line-height: 70px; }
.sc_nav .navRight li a{ display:  block; float: left; padding: 0 20px;color:#FFFFFF}
.sc_nav .navRight li a:hover{ display:  block; background: #5990e3;}
.sc_nav .navLeft b {height: 70px; text-align: left;color: #fff;font-weight: bold;}





/*轮播*/
.focus {height:480px; margin:0 auto 25px; overflow:hidden}
.focus-img .focus-main {width: 100%;z-index: 2;}
.focus-img .focus-main li.focus-panel {width: 100%;height:480px; float:left;text-align: center;font-size: 60px;}
.focus-img .focus-main li.focus-panel .banr-box {display: block;overflow: hidden;width: 100%;height: 100%;}
.focus-img .focus-extra {position: relative;width: 1200px;height:480px;margin: 0 auto;}
.focus-img .focus-nav {top: 450px;width: 530px;height: 0;line-height: 0;left:380px;text-align: center;position: absolute; z-index: 4;}
.focus-img .focus-nav li { width: 10px;height: 10px;line-height: 10px;display: inline-block;margin: 0 2px;background: #d7d7d7;border-radius: 50%;text-align: center;color: #fff;overflow: hidden;cursor: pointer;}
.focus-img .focus-prev,
.focus-img .focus-next {position: absolute;top: 50%;margin-top: -31px;z-index: 1;display: block;width: 28px;height: 62px;line-height: 62px;background: gray;background: rgba(0, 0, 0, 0.2);filter: alpha(opacity=75);color: #fff;text-align: center;font-size: 22px;font-weight: 400;font-family: simsun;}
.focus-img .focus-prev {z-index: 4;left:310px;}
.focus-img .focus-next {right: 0;z-index: 4;}
.focus-img .focus-nav li.focus-active {background: #e46e0a;color: #fff;}

.tab-div {width: 100%;position: relative;float:left; background:#fff}
.tab-div h2{width:15%; float:left;height:44px;line-height:44px;font-size: 28px;}
.tab-div ul {list-style: none;}
.tab {width:85%;height:44px;line-height:44px;overflow: hidden;margin: 0;padding: 0;z-index: 2;position: relative; }
.tab .tab-active, .tab .tab-active:hover {background: #44c4a1;color: #fff;border-radius: 2px;}
.tab li {display: block;_display: inline;float: left;padding: 0 15px; line-height: 32px;height: 32px;text-decoration: none;margin: 6px 28px 0 0;position: relative;font-size:16px;cursor:pointer}
.tab-content {width:100%;padding-bottom:30px;}
.tab-content .tit {font-size: 16px;line-height: 2;margin-bottom: 10px; padding:0 20px;}
.tab-content .teacher{width:405px; float:left; padding:10px 20px 0;margin-bottom: 40px;}
.tab-content .teacher h4{margin-bottom: 10px;}
.tab-content .teacher h4 a{ font-size: 16px; color: #55b7a3;}
.tab-content .brief .tit{width: 80px;padding-top: 12px;float:left}
.tab-content ul li { line-height:30px;}
.tab-content .brief li a{ padding-right:10px;}
.tab-content li a {text-decoration: none;}
.tab-content li a:hover {text-decoration: underline;}
.tab-content-show {display: block;}
.tab-content-hide {display: none;}
.tab-content h3 {font-size: 16px; line-height: 2;}
.tab-content .teacher-img img {width: 100px;height: 100px;border-radius: 50px;}
.tab-content .teacher-img{width: 100px;height: 100px; float:left; padding-right:25px;}

.sm2023hot {margin-bottom: 20px;}
.hotbox{width: 1220px; overflow: hidden;}
.sm2023hot .hotbox p {font-size: 16px;color: #fff;padding-bottom: 14px; text-align: center}
.sm2023hot ul li {width: 224px;height: 244px;margin:0 10px; float: left;}
.sm2023hot ul li img {display: block;width: 56px;height: 56px;margin: 31px auto 20px;}
.sm2023hot ul li.bg1 {background: #19e3d5;background: linear-gradient(135deg, #19e3d5 0%,#19c3a5 100%);}
.sm2023hot ul li.bg2 {background: #6d83ff;background: linear-gradient(135deg, #6d83ff 0%,#2c50fe 100%);}
.sm2023hot ul li.bg3 {background: #a92df6;background: linear-gradient(135deg, #a92df6 0%,#6c39ff 100%);}
.sm2023hot ul li.bg4 {background: #fba761;background: linear-gradient(135deg, #fba761 0%,#e84a60 100%);}
.sm2023hot ul li.bg5 {background: #f8d046;background: linear-gradient(135deg, #f8d046 0%,#dd8a22 100%);}
.hs_btn {box-sizing: border-box;width: 118px;height: 34px;line-height: 32px; border: 1px solid rgba(255,255,255,.5);margin: 0 auto;font-size: 14px;color: #fff;cursor: pointer; border-radius: 4px; text-align: center}

.smlivebox{width: 1220px; overflow: hidden;}
.smlivetitle h2 {font-size: 28px; color: #666;line-height: 90px; margin-left:10px;}
.smlivecon .live_tag { width: 60px;height: 22px;background: linear-gradient(75deg, #ff5454, #ff8888);box-shadow: 1px 2px 4px 0px rgb(0 0 0 / 10%);border-radius: 0px 0px 0px 8px;font-size: 12px;line-height: 22px;font-weight: 100;top: -27px;
    display: block;
    position: absolute;
    text-align: center;
    color: #ffffff;
    right: -20px;
    background: #ff5454\0;
    *background: #ff5454;
}
.smlivecon .title {
    line-height: 22px;
	height:22px;
    margin-top:9px;
    margin-bottom: 12px;
}

.smlivecon .subtxt{
    line-height: 22px;
    margin-bottom:20px;
	color:#9598A2
}
.smlivecon .tag-group {
    margin-bottom: 15px;
    height: 20px;
}
.button-green {background: #3bcfa3;}

.smlivecon .button-green {
    background: -webkit-gradient(linear, left top, right top, from(#74ABFF), to(#538FFD));
    background: linear-gradient(90deg, #3bcfa3, #3bcfa3);
    border: 1px solid #3bcfa3;
    *background: #3bcfa3;
    background: #3bcfa3;
    color: #ffffff!important;
}
.smlivecon .daytime-block {
    height: 14px;
    line-height: 14px;
    font-size: 14px;
}
.smlivecon .daytime-block .icon-living {
    margin-top: -4px;
    margin-right: 8px;
    display: none;
}
.smlivecon .daytime-block span {
    float: left;
}
.smlivecon .icon-living {
    background-image: url(../images/skin/live.png);
    width: 14px;
    height: 14px;
    background-size: auto;
}
.smlivecon .icon-time {
    background-image: url(../images/skin/live.png);
    width: 14px;
    height: 14px;
}
.smlivecon .daytime-block .icon-time {margin-right: 8px;}

.sm2024news .newstit {width: 1200px; font-size:30px;margin: 0 auto;height: 90px;line-height:90px;vertical-align: text-bottom; }
.sm2024news .newstit a {color: #666}
.sm2024news .fr {text-align: right;margin-top: 2px;}
.sm2024news .fr a{font-size: 16px;margin: 0 0 0 20px; display: block; float: left}
.sm2024news .newsbox {width: 1200px; overflow: hidden;margin: 0 auto;}
.sm2024news .nbl {width:895px;padding: 30px 20px;background: #fff;float: left;}
.sm2024news .nbl ul li {width: 400px;float: left;font: inherit;vertical-align: baseline;line-height: 40px;height: 40px; overflow: hidden;zoom: 1;margin-right: 0px; background: url(../images/dot.png) center left no-repeat;}
.sm2024news .nbl ul li span {float: right;margin-right: 18px;color: #9598a2;display: inline-block;width: 58px;}
.sm2024news .nbr {width: 285px; background: #fff;margin-left: 20px; padding: 30px 20px;float: left;}
.sm2024news .nbr ul li { width: 240px;height: 40px;line-height: 40px; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.news .con_l h2 {height: 40px;line-height: 40px; border-bottom: 1px solid #e0e0e0;}
.news .con_l .tit{margin:0 20px 0 0}
.news h2 a{ font-size:16px;}
.news .con_l{width: 840px;overflow:hidden; float:left;}
.news .con_l .imgbox{width:265px;float:left;padding:10px;border:1px solid #dddddd;}
.news .con_l .tj { overflow:hidden; }
.news .con_l .tj ul li{margin: 0 20px 0 0;float: left; padding:20px 0 0 0;}
.news .con_l .tj ul li.w185 {width:190px;}
.news .con_l .tj h3{ width:100%}
.news .con_l .tj .w390{width: 400px; height:380px;position:relative}
.news .con_l .tj .w390 img{width:400px;height:380px; }
.news .con_l .tj .w390 h3 a{position:absolute;font-size:16px;color:#fff;background:rgba(0, 0, 0, .7);transition:bottom 0.3s ease-out 0s;bottom:-20px; display:block; line-height:50px; height:50px; padding:0 15px;}
.news .con_l .tj .w185 img{width: 190px; height:126px;}
.news .con_l h3{height:44px;overflow: hidden;padding:5px 0; margin-bottom:5px;}
.news .con_l h3 a{font-size: 12px;line-height:20px; display:block}
.news .con_l .tj ul li p {font-size: 14px; height: 20px;line-height:20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-bottom:5px;}
.news .con_l .tj ul li p span, .news .con_l .tj ul li p span a{ font-size:12px; color:#999}
.news .con_l ul li p span a{ padding-right:10px;}
.news .con_l .tj ul li p span.fr{float:right;}
.news .con_l .tj ul li.np {margin:0;}
.news .con_l .tj ul{width: 840px;float: left;}
.zx {width: 820px;float:left;}
.zx ul {width: 864px; margin-top:2px;}
.news .con_l .zx ul li {width: 390px;height: 32px;line-height: 32px;vertical-align: top;margin: 0 40px 0 0;overflow:hidden;float:left;position:relative;}
.news .con_l .zx ul li a {display: block;width: 310px;height: 32px;overflow: hidden;font-size:14px;}
.news .con_l .zx ul li span {display: block;top: 0;right: 0;color: #ccc;font-size:12px;}
.dw {position: absolute;}
.news .con_r {width: 340px; padding:0 20px; float:right}
.bt {background: url(../images/skin/btn.png) no-repeat 0 0;_background: url(../images/skin/btn.gif) no-repeat 0 0;}
.tit {height: 40px;line-height: 40px;border-bottom: 1px solid #e0e0e0;}
.tit span {height: 40px;line-height: 40px;border-bottom: 1px solid #649cf0;font-weight: normal; padding: 0 1px;float:left;font-size:16px;}
.left {width:905px;float:left;}
.left .tit {margin:0 20px 0 0}
.left .pxbox { float:left;width:260px; height:250px;margin:20px 20px 0 0; background:#fafafa}
.left .pxbox .pic, .left .pxbox .pic img {width:260px; height:180px;}
.left .pxbox .pic {display: block; width: 260px;position: static; height: auto;}
.left .pxbox p a{font-size:12px;color: #999;}
.left .pxbox p{color: #999;height:20px;padding:0 15px;line-height:20px; margin-bottom:5px;overflow:hidden;font-size:12px;}
.left .pxbox .fl a{font-size:12px;padding:0 10px 0 0;}
.left .pxbox .price {float:left;display: inline;font-size: 20px;color: #ff7e00;}
.left .pxbox .shop {float:right;}
.left .pxbox .time{float:right;font-size:12px;}
.left .pxbox .tags{float:left;width:260px;line-height:24px;}
.left .pxbox .tags a{padding:0 10px 0 0;font-size:12px;}
.left .pxbox h3 {height:36px;overflow: hidden;}
.left .pxbox h3 a{width:260px;float:left;line-height:36px;font-size:14px;text-overflow: ellipsis;white-space: nowrap; display:block;overflow: hidden; padding:0 15px;}

.right{width:275px;float:left;padding:0 20px 0 0;}
.rank {width:100%;float:left}
.rank li {border-top: 1px solid #f1f1f1;padding: 12px 0;float:left; width:300px;}
.rank li:first-child{border-top:none;}
.rank ul li .pic {float: left;width: 50px;margin-top: 7px;height:auto;position: static;}
.rank .title {height:40px;line-height:40px;border-bottom: 1px solid #e0e0e0; margin:0 0 5px 0;}
.rank .title span {height: 40px;line-height: 40px;border-bottom: 1px solid #649cf0;padding: 0 1px;display: block;float: left;font-size:16px;}
.hot { width:100%;margin-top:8px;float:left}
.hot li {height: 47px;line-height: 47px;font-size: 14px; overflow: hidden;border-bottom: 1px solid #f1f1f1;padding-left: 32px;}
.hot li.t1 {background-position: -165px -196px;}
.hot li.t2 {background-position: -164px -244px;}
.hot li.t3 {background-position: -164px -291px;}
.hot li.t4 {background-position: -164px -337px;}
.hot li.t5 {background-position: -164px -384px;}
.hot li.t6 {background-position: -164px -432px;}
.hot li.t7 {background-position: -164px -479px;}

.rankimg {width: 80px;height: auto;float:left;margin:2px 10px 0 0;}
.rankimg img{width: 80px;}
.ranksec {height:36px;line-height:18px;overflow: hidden;font-size: 12px;color: #5f5f5f;}
.rankbox {width:210px;overflow: hidden;float:left;}
.rankbox h3{height:24px;margin-top:-3px;overflow:hidden}
.rankbox h3 a{ font-size:14px;line-height:24px; float:left}
.rankbox p {color: #a0a0a0;height:36px; overflow:hidden; float:left;margin-top:-2px;}
.rankbox p a{color: #a0a0a0; font-size:12px;line-height:18px; }
.rankprice {float: left;color: #ff7e00;margin-right: 8px; font-size:12px;}

.teachers ul{width:100%; float: left;}
.teachers ul li h3 a{width:100%;position:absolute;font-size:12px;color:#fff;background:rgba(0, 0, 0, .7);transition:bottom 0.3s ease-out 0s; }
.teachers ul li:hover h3 a{display:block;bottom:0px;}

.w410{width:452px;height:320px;margin:20px 20px 0 0;float: left; position:relative}
.w410 img{width:452px;height:320px;}
.teachers .w410 h3 a{width:100%;height:50px;line-height:50px;padding:0 20px;font-size:16px;overflow: hidden;bottom:0px; display:block}
.teachers ul .w230{width:216px;height:150px;margin:20px 20px 0 0;display: inline;float: left; overflow: hidden;position:relative}
.teachers ul .w230 h3 a{padding:0 10px;height:34px;line-height:34px;overflow: hidden;display:none}
.teachers ul .w230 img{width:216px; height:150px}



.rslides {margin: 0 auto 40px;}
.events {list-style: none;}
.callbacks_container { margin-bottom: 50px;position: relative;float: left;width: 100%;}
.callbacks { position: relative;list-style: none;overflow: hidden;width: 100%; padding: 0;margin: 0;}
.callbacks li {position: absolute;width: 100%;left: 0;top: 0;}
.callbacks img {display: block;position: relative;z-index: 1;height: auto;width: 100%;border: 0;}
.callbacks .caption {display: block;position: absolute;z-index: 2;font-size: 20px;text-shadow: none;color: #fff;background: #000;background: rgba(0,0,0, .8);left: 0;right: 0;bottom: 0;padding: 10px 20px;margin: 0; max-width: none;}
.callbacks_nav {position: absolute;-webkit-tap-highlight-color: rgba(0,0,0,0);top: 52%;left: 0;opacity: 0.7;z-index: 3;text-indent: -9999px;overflow: hidden;text-decoration: none;height: 61px;width: 38px;background: transparent url("themes.gif") no-repeat left top;margin-top: -45px;}
.callbacks_nav:active {opacity: 1.0;}
.callbacks_nav.next {left: auto;background-position: right top;right: 0;}
@media screen and (max-width: 600px) {
.callbacks_nav {top: 47%;}
}
.rslides { position: relative;list-style: none;overflow: hidden;width: 100%;padding: 0;margin: 0;}
.rslides li {-webkit-backface-visibility: hidden;position: absolute;display: none;width: 100%;left: 0;top: 0;}
.rslides li:first-child {position: relative;display: block;float: left; }
.rslides img {display: block;height: auto;float: left;width: 100%;border: 0;}





.content{ width:1200px; margin:25px auto 0; overflow:hidden;}
.bg{ background:#fff}



.listwarp{ margin:0 20px 10px; padding:0 15px;height:40px;overflow:hidden;background: #F8F8F8; border: 1px solid #eee;}
.listwarp span{padding:0 10px;line-height:40px;display:block; float:left;}
.listwarp a{padding:0 10px;line-height:40px; display:block; float:left;}
.listwarp p strong{font-weight:normal;}

.listbox {width:1200px;overflow: hidden; margin:0 auto; padding-bottom:25px; background:#fff}
.intxt { width:452px;height:334px;margin:0 0 0 20px;background: rgb(245, 245, 245); float:left}
.intxt h1{font-size: 24px;margin: 36px 0px 0px; color:#222}
.intxt p{margin: 12px 0px 0px; color:#888; max-height:130px; overflow:hidden; margin-right:15px; text-align:justify}
.subtit span{display: inline-block;line-height:20px;color:#fff;background-color:#363a43;margin: 12px 8px 0 0;padding: 0px 8px;}
.intxt img{width:214px;height:214px;float:left; margin-top:46px;}
.rekey {width:220px;height:52px; margin-top:20px; float:left}
.rekey span a{display: inline-block;line-height: 18px;margin-bottom: 8px;width: 70px;text-overflow: ellipsis;white-space: nowrap;color:#888888;overflow: hidden;}

.listbox li:hover {box-shadow: 5px 5px 5px 0 rgba(0,0,0,.1); -moz-box-shadow: 5px 5px 5px 0 rgba(0,0,0,.1);-webkit-box-shadow: 5px 5px 5px 0 rgba(0,0,0,.1);}
.listbox li {border:1px solid #f5f5f5;position: relative; width:216px;float:left; margin:0 0 20px 20px;padding-bottom:10px;}
.listbox li .pic, .listbox li .pic img {width:214px;height:214px;}
.listbox li .pic { position: static; height: auto;}
.listbox li .seller {height:24px;line-height:24px; margin:10px 15px 5px; overflow: hidden; }
.listbox li .seller a{float:left;font-size:12px;}
.listbox li h3{margin:0 15px;height:40px;text-align:justify;line-height: 20px; display: block;overflow: hidden;}
.listbox li h3 a{font-size: 12px;line-height: 20px;}
.listbox li h3 a.pb{float:left;background: #49cc3f;color: #FFF; padding: 2px 3px;-webkit-border-radius: 2px;-moz-border-radius: 2px;-ms-border-radius: 2px;-o-border-radius: 2px;border-radius: 2px;margin-right: 5px; font-size: 12px; line-height:16px;}
.listbox li .shop a{float:right;color:#999}
.listbox li .price {float:left;display: inline; font-size: 12px;}
.listbox li .seller span{color: #ff7e00; font-size:20px;}
.listbox li .tags{float:left; line-height:25px; height:25px;margin:0 15px;overflow: hidden; }
.listbox li .tags a{padding:0 0 0 10px;font-size: 12px; color:#999}
.listbox li .tags span{color:#999}
.position {margin:0 auto; padding:0 20px}

.page{width:1220px; padding:0 10px;margin-top:10px;height:36px;line-height:36px;overflow: hidden;float:left;}
.page .pagetit{height: 36px; font-size:14px;float: left; width:350px;white-space: nowrap;text-overflow: ellipsis; overflow:hidden}
.page .pagelist{float:right;}
.page a {background: #fff;border: 1px solid #f2f2f2;display: inline-block;height: 34px;line-height: 34px;padding: 0 15px;text-align: center;}
.page a.curre {background: none repeat scroll 0 0 #649cf0;border: 1px solid #649cf0;color: #fff;font-weight: bold;}
.page a:hover {background: #649cf0;border-color: #649cf0;color: #FFF;}



/* 增加布局样式 */
.add-con {width:1200px; padding: 45px 10px 50px;margin:25px auto 0;background: #fff;}
.add-inner {margin: 0 auto;width: 100%;max-width: 1200px;box-sizing: border-box;-webkit-box-sizing: border-box;padding: 0 10px;}
.add-tit {margin-bottom: 30px;}
.add-tit h3 { text-align: center;color: #333;font-weight: 400;line-height: 1.5; font-size: 24px;}
.add-box {padding: 0 10px; overflow: hidden;}
.add-list { margin-left: -40px;margin-right: -40px;font-size: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}
.add-list-item { display: inline-block;zoom: 1; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
font-size: 14px;padding-left: 40px;padding-right: 40px;vertical-align: top;width: 33.3333%;}
.group-title {padding-bottom: 15px;border-bottom: 1px solid #e5e5e5;}
.group-title span{display: block;position: relative; padding-right: 20px;font-size: 18px;line-height: 34px;color: #666;font-weight: 400; white-space: nowrap; overflow: hidden;text-overflow: ellipsis;}
.group-title i {display:inline-block;vertical-align: middle;margin-top:-5px;font-size:28px;color:#09F;width: 34px;height: 34px;}
.add-list-item .group-header:after {content: '';position: absolute;right: 0;top: 50%;margin-top: -8px;width: 16px;height: 16px;}
.add-list-item .group-header:hover:after {}
.group-title span:hover {color: #08acee; cursor:pointer}
.group-content-item {display: block;padding: 15px 0;border-bottom: 1px solid #e5e5e5; color: #666;}
.group-content-item p {line-height: 24px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.group-content-item:hover p { color: #08acee;}
.group-content-info { margin-top: 10px;color: #666;line-height: 16px;font-size: 0;}
.group-content-info li {display: inline-block;vertical-align: middle; margin-left: 0;font-size: 14px;}
.group-content-info li i {position: relative;top: -1px;display: inline-block;vertical-align: middle;margin-right: 5px;width: 16px;height: 16px;font-size: 16px;}
.group-content-info .group-li {margin-left: 20px;}

.products {width: 1158px;margin: 0px auto;padding: 0px 20px 20px;overflow: hidden;}
.products .reviews{ width:295px;float: left;display: inline;margin-top: 20px; padding-left:20px;border-left: 1px solid #E7E7E7;}
.products .reviews .rank { width:295px;float:left;margin-bottom: 10px;}
.products .reviews .rank h2 {border-bottom: 1px solid #F8F8F8; padding-bottom:10px;margin-bottom: 10px;}
.products .reviews .rank h2 span.title {font-size:18px;overflow:hidden;height:24px;padding-bottom:10px;font-weight: 700;}
.products .reviews .rank .title i {display: inline-block;background: #55b7a3;width: 4px;height: 18px;border-radius: 2px;vertical-align: -3px;margin-right: 6px;}
.products .reviews .rank ul li {width:295px;float: left; margin-bottom:10px;overflow:hidden}
.products .reviews .rank ul li a{font-size: 12px;}
.products .reviews .rank .items-img {float: left;width: 50px;height: 50px;border: 1px solid #ddd;padding: 0;margin-right: 10px;font-size: 0;}
.products .reviews .rank .items-name {float: left;width: 170px;height: 52px;overflow: hidden;}
.products .reviews .rank .items-name a{font-size: 12px;}
.products .reviews .rank .items-detail {float: right;text-align: right;font-size: 12px;}
.products .reviews .rank .items-detail a{font-size: 12px; }

.servicemain {margin:20px auto; overflow: hidden}
.servicemain ul li {width:258px;background: #fff;border: 1px solid #e9e9e9; float: left}
.servicemain ul .list_three {margin-left: 20px;}
.servicemain ul .list_two {margin-left: 20px;}
.servicemain ul .list_three .list_top {background: #5b77f1;}
.list_top img {display: block;width: 34px;margin: 0 auto;padding-top: 18px;}
.list_top .title {font-size: 18px; color: #fff;padding: 12px 0 10px; text-align: center}
.list_top .subtit {font-size: 14px; color: #fff;padding-bottom: 18px; text-align: center}
.list_center div {font-size: 14px;color: #666;line-height: 65px;border-bottom: 1px solid #e9e9e9; width: 260px;margin: 0 auto;}
.servicemain .list_btn {width: 162px;height: 46px; font-size: 16px;color: #fff;line-height: 46px;background: #5b79f1;border-radius: 6px;margin: 20px auto 20px;cursor: pointer;}
.servicemain .list_two .list_top, .servicemain .list_two .list_btn {background: #3bcfa3;}
.servicemain .list_one .list_top, .servicemain .list_one .list_btn {background: #f2ad3d;}
.servicemain .list_one .list_btn {margin-top: 87px;}
.servicemain .list_three .list_btn {margin-top: 85px;}
.servicemain .tbc {text-align: center;}
.path .pathcon{ padding:20px 0  }
.path .flow-item .flow-line {width: 180px;height: 27px;position: absolute;left: 0; top: 6px;background: url() no-repeat center center;background-size: 100% 100%;}
.path .flow-item .flow-title {height: 30px;line-height: 30px;margin-top: 55px;font-size: 16px;text-align: center;overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.path .flow-item .flow-des {line-height: 26px; padding: 0 10px;margin-top: 10px;font-size: 14px;text-align: center;overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 4;}
.path .path_title {height: 38px;line-height: 38px;font-size: 26px;color: #333333;vertical-align: top;margin: 0 10px; text-align: center}

.gallery {padding:0 20px 20px; height:520px;background:#fff; }
.gallery .thumb { width: 383px;}
.gallery .thumb-content{ width: 100%;height:383px;overflow: hidden;}
.gallery .imgcnt{width: 383px;height:383px; border: 1px solid #E6E6E6;overflow: hidden;display: inline;}
.gallery .imgcnt, .gallery .imgnav {float: left;}
.gallery .imgcnt img {max-width: 100%;vertical-align: middle; text-align: center}
.gallery .thumb-nav {margin-top:10px;height: 72px;overflow: hidden;width: 390px;margin-left: -3px;}
.gallery .imgnav {height: 68px;overflow: hidden;margin: 0px 3px;border: 2px solid transparent;opacity: 0.5;}
.gallery .thumb-active {border-color: #55b7a3;opacity: 1;}


.info {width:795px; padding: 0 20px;float:left;background:#fff;}
.info h1{ font-size:16px; font-weight:bold;}
.info p {line-height:25px; width:100%;overflow: hidden;}
.info p.destxt{max-height:200px;overflow: hidden; float:left; text-align:justify}

.info p a{color: #74ABFF;}
.info .more span{ width:100%; display:block; float:left;}
.info .more a{display:block; float:left; padding-right:10px;}
.info .buy {width:100%; float:left}
.info .buy ul li{width:100%;line-height:30px; float:left}
.info .price {width:100%;height:40px;line-height:40px;color:#FF7300; font-size:20px; float:left;background-color: #f4f4f4;margin:0px 20px 5px 0; padding:0 15px; overflow:hidden}
.info .buy-guide{width:100%; padding-top:10px;float:left;}
.info .buy-guide .gt{ font-size:14px; padding:0 15px; font-weight:bold; line-height:40px; margin-bottom:10px; width:100%; background:#f5f5f5}
.info .buy-guide ul li{ width:50%;float:left; line-height:30px; overflow:hidden}
.btn-bar{ width:570px;margin-top:10px; overflow:hidden; float:left}
.btn-bar .buy-btn a{display: block;width:150px;height: 50px;line-height: 50px;text-align: center;font-size: 18px; color: #FFF; background: #74ABFF;border-radius: 3px; float:left}
.btn-bar .buy-btn a:hover{display: block;color: #FFF;background:none repeat scroll 0% 0% #74ABFF;}
.btn-bar .advice {width: 158px;line-height: 48px;margin-left: 15px;font-size: 18px;border: 1px solid #74ABFF;background-color: #fff;display: inline-block;vertical-align: middle;cursor: pointer;text-align: center;border-radius: 2px; float:left}
.btn-bar .advice a{color: #74ABFF;}
.info .tags {padding:10px 0;}
.info .tags a{display: block;padding: 0 15px;text-align: center;font-size:12px;margin-right: 12px;color: #666; background: #e2e2e2;border-radius: 3px;white-space: nowrap; float:left}
.info .tags a:hover{display: block;color: #fff;background:none repeat scroll 0% 0% #74ABFF;}


.gallery .social {width: 100%;color: #999;overflow: hidden;}
.gallery .social a{color: #999;font-size: 12px;}
.gallery .social .avatar{float:left; margin-right: 22px;}
.gallery .social .avatar img{position: relative; margin-right:10px; float: left;width:30px;height:30px;border: 1px solid #E8E8E8;border-radius: 50%;}
.gallery .social .action{line-height:32px; height: 32px;font-size: 12px;}
.gallery .social .action i{line-height:32px;font-size:16px; margin:0 5px 0 0; float: left;}
.gallery .social .action .share {padding-right:20px;display: inline-block;}
.gallery .social .action .views {padding-right:20px;display: inline-block;}
.gallery .social .action .favor {display: inline-block;}
.gallery .social .action .time {padding-right:20px;display: inline-block; }


.inner{ margin-top:25px; float:left}


.related {margin:0 auto 20px;overflow:hidden}
.related .tit{margin:0 20px;}
.related ul li.item {float: left;width:200px;float:left;margin:10px 20px 20px 0;background: #fff;border:1px solid #ddd;overflow:hidden;}
.related ul li.item:hover {box-shadow: 5px 5px 5px 0 rgba(0,0,0,.1); -moz-box-shadow: 5px 5px 5px 0 rgba(0,0,0,.1);-webkit-box-shadow: 5px 5px 5px 0 rgba(0,0,0,.1);}
.related .pic{width:198px;height:198x;position: relative;}
.related .pic img{width:198px;height:198px;background-position: center center;background-repeat: no-repeat;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;}
.related ul li.item .pic span {position: absolute;left: 0;bottom:0;padding: 16px 0 0 8px;width: 110px;height:25px;line-height: 25px;font-size: 14px;color: #fff;}
.related ul li.item .pic span.before {background: url(../images/skin/before.png) no-repeat;}
.related ul li.item .pic span.now {background: url(../images/skin/now.png) no-repeat;}
.related ul li.item .pic span.done {background: url(../images/skin/done.png) no-repeat;}
.related ul li.item .pic span.over {background: url(../images/skin/over.png) no-repeat;}
.related ul li h3 {height:40px;overflow: hidden; text-align:justify}
.related ul li h3 a{ width:166px;float:left;line-height:20px;font-size:12px;display:block;margin:0 15px}
.related ul li .tags{height:25px;margin:0 15px 10px; overflow:hidden}
.related ul li .tags a{padding-right:10px; line-height:25px;font-size:12px; float:left; display:block;color: #999;}
.related ul li .seller {height:24px;line-height:24px; margin:10px 15px 5px; overflow: hidden; }
.related ul li .seller a{float:left;font-size:12px;}
.related ul li .shop a{float:right;color:#999}
.related ul li .price {float:left;display: inline; font-size: 12px;}
.related ul li .seller span{color: #55b7a3; font-size:16px;}

.details {width: 860px; margin:10px 20px 0 0;overflow:hidden}
.details h2{width:860px; font-size:18px; line-height:40px;float:left; overflow:hidden; font-weight:bold}
.details p{width:860px; line-height:25px;float:left; overflow:hidden; text-indent:2em;text-align:justify;}
.details p img{width:860px; height:auto;float:left;}

.answer-text {margin-bottom:30px;}
.answer-text .edit {position: relative;font-size: 16px;color: #bababa;border: 1px solid #ddd;height: 44px;background: #fff; }
.answer-text .cbody {margin-left: 54px;font-size: 14px;}
.text-box {background: #fff;padding: 12px 16px 0;}
.text-box .input-box {width:85%;display: block;font-size: 16px;height: 30px; resize: none;border: 0;outline: 0;padding: 0;-webikt-transition: .1s height linear;-webkit-transition: .1s height linear;transition: .1s height linear;}
.edit .rlybtn {position: absolute;top: 0;right: 0;padding: 0;border: 0;height: 44px;}
.edit .rlybtn .submit {line-height: 44px; background-color: #e8e8e8;float: right;width: 110px;height: 100%;color: #fff;text-align: center;cursor: pointer;}

.content .reply {margin-top:20px; padding:0 20px 0 0;}
.rlyh{margin-bottom:30px; display: inline-block; width: 100%}
.rlyh i{display: inline-block;background: #55b7a3;width: 4px;height: 18px;border-radius: 2px;vertical-align: -3px;margin-right: 6px;}
.rlyh .rlyt {float: left;font-size: 18px;line-height: 1;font-weight: 700; color: #222;margin-bottom: 0px;}
.rlyh .total {float:right;position: relative;color: #222; height: 18px;line-height: 1;background: url('../images/ico-reply.png') no-repeat  scroll 0px 3px;}
.rlyh .total span.totalnum {display:block;font-size:18px;padding-left: 26px;}
.reply .avatar{position: relative; float: left;width: 38px;height: 38px;border: 1px solid #E8E8E8;border-radius: 50%;overflow: hidden;}
.reply .avatar img{border-radius:50%;width: 100%;height: 100%;-webkit-transition: .3s opacity ease-in-out;transition: .3s opacity ease-in-out;}

.reply_box{margin-bottom: 30px}
.reply_box .box {font-size: 14px;margin-left:54px;}
.reply_box .box h4 {height: 25px;line-height: 25px;white-space: nowrap;font-size:14px; margin-bottom: 8px;}
.reply_box .box h4 span{float: left;color: #333; margin-right:10px;}
.reply_box .box h4 a{color:#55b7a3;font-size:14px;}
.reply_box .box .txt{font-size:14px;color:#666; margin-bottom: 16px;}
.reply_box .box .rlyinfo {color: #999;line-height: 1;display: inline-block;display: block; overflow: hidden;}
.reply_box .box .rlyinfo .rlytime{float: left;}
.reply_box .box .rlyinfo .rlyaction{float: right;}
.reply_box .box .rlyinfo .rlyaction a{margin-left: 10px;}
.reply_box .box .rlyinfo .rlyaction i{margin-right:5px;font-size:16px;}
.reply_box .box .rlyinfo .rlyaction .cdigg {float: left;position: relative;color: #999;}
.reply_box .box .rlyinfo .rlyaction .creply {float: left;position: relative;color: #999;}

.reply_box .show {width: 190px; height: 30px;line-height: 30px;margin: 30px auto;font-size: 14px;text-align: center;color: #fff;background: #d8d8d8;border-radius: 4px;}
.reply_box a.show  {display: block;}

.inner .right{width: 280px; float: left;display: inline;margin:0 0 0 20px; padding:0 20px;background:#fff}
.inner .right .shop{padding: 20px 0 35px;}
.inner .right .shop .avatar{ width:64px; height:64px; float:left;}
.inner .right .shop .name {margin-left: 84px;min-height: 64px;}
.inner .right .shop .name h4 a{padding-bottom: 10px;display: block;color: #55b7a3;line-height: 26px; font-size:16px;}
.inner .right .shop p{padding: 20px 0; text-align:justify}
.inner .right .contact {margin: 7px 0;width:240px;border-top: 1px solid #e5e5e5; padding:10px 0;}
.inner .right .contact .weixin { text-align:center}
.inner .right .contact p {line-height: 46px;padding: 0 0 0 38px;color: #666;}
.inner .right .contact p.po {background-position: -156px -251px;}
.inner .right .contact p.pt {background-position: -156px -299px;}
.inner .right .contact p.pth {background-position: -156px -350px;}
.inner .right .name .quali {background-position: -27px -95px;display: inline-block;vertical-align: middle;width: 72px;height: 35px;}