* {
    /*padding: 0;*/
    margin: 0;
}
body{ margin:0; padding:0; font-size:14px; font-family:"Microsoft Yahei";}
div,form,img,ul,ol,li,dl,dt,dd,p,h1,h2,h3,h4,h5,h6{ margin:0; padding:0; border:0;}
ul,li{ list-style-type:none;}
img{ vertical-align:middle; border:0; margin:0; padding:0;}
button{ /*vertical-align:middle;*/ cursor:pointer;}
input txt{ vertical-align:middle; border:none;}
a,a:link{text-decoration:none; transition: all .3s linear}
a:hover{text-decoration:none;}
.clear::after{ display: block; clear:both; overflow:hidden; height:0px; content: ""}
.clearfix{zoom:1;}
.lft{ float:left;}
.rgt{ float:right;}

/*.logo-search{ position: relative;width:100%; height:72px; margin:1px auto 0; background-color: #ffffff;}
.logo-search .channel-header{
	position: relative;
	width: 1200px;
	margin: 0 auto;
	height: 100%;
}
.logo-search .logo{ float:left; margin-top: 11px;}
.logo-search .logo img{
    width: 150px;
}

.channelDrop{
    float: left;
    height: 100%;
    min-width: 100px;
    margin-left: 18px;
}
.channelDrop .channelList{
    position: relative;
    height: 32px;
    line-height: 32px;
    margin-top: 23px;
    padding-left: 18px;
    border-left: 1px solid #ccc;
    font-size: 21px;
    color: #333333;
}
.channelDrop .channelList::after{
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    vertical-align: 6px;
    margin-left: 18px;
    border-top: 1px solid black;
    border-right: 1px solid black;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transform-origin: 50% 40%;
    -webkit-transform-origin: 50% 40%;
    -moz-transform-origin: 50% 40%;
    -ms-transform-origin: 50% 40%;
    -o-transform-origin: 50% 40%;
    transform: rotate(134deg);
    -webkit-transform: rotate(134deg);
    -moz-transform: rotate(134deg);
    -ms-transform: rotate(134deg);
    -o-transform: rotate(134deg);
}
.channelDrop:hover .channelList::after{
    
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
}

.header .nav-top{ width: 100%; background-color: #f96203; line-height: 48px; text-align: center}
.header .nav-top .nt-list{ display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; width: 1200px; margin: 0 auto}
.header .nav-top .nt-list li.item{ position: relative; flex: 1; -webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; font-size: 14px; color: white}
.header .nav-top .nt-list li.item > a{ color: white}
.header .nav-top .nt-list li.item > a .hot-icon{width: 30px;height: 20px;background: url(../images/hot.png) no-repeat;background-size: 100% auto;display: inline-block;position: absolute;right: 10px;}
.header .nav-top .nt-list li.item ul{ position: absolute; z-index: 2; display: none; top: 48px; width: 100%; background: white}
.header .nav-top .nt-list li.item:hover ul{ display: block}
.header .nav-top .nt-list li.item li{ line-height: 40px}
.header .nav-top .nt-list li.item li a{ color: #333}*/

.warp{ overflow:hidden; margin: 0 auto}
.container{ overflow: hidden;}
.center{ width: 1200px; margin: 0 auto}
.left{ position: relative; float: left; width: 860px}
.right{ float: right; width: 310px}

/*  面包屑导航  */
.subnav{ overflow: hidden; padding: 15px 0 15px 16px; background: #FFF; border-bottom: 1px solid #EEE}
.subnav .sn-left{ position: relative; float: left; padding-left: 20px; font-size: 14px; color: #666; line-height: 34px}
.subnav .sn-left::before{ position: absolute; top: 10px; left: 0; width: 14px; height: 14px; background: url(../images/la-icon.png) no-repeat; content: ""}
.subnav .sn-right{ float: right; overflow: hidden}
.subnav .sn-right dd,.subnav .sn-right dt{ float: left; font-size: 14px; cursor: pointer}
.subnav .sn-right dd{ width: 90px; height: 32px; margin: 0 1px; background: #F6F6F6; border: 1px solid #F6F6F6; font-size: 14px; color: #333; line-height: 32px; text-align: center}
.subnav .sn-right dd.active,.subnav .sn-right dd:hover{ background: white; border-color: #FF6E00; color: #FF6E00}
.subnav .sn-right dt{ width: 106px; height: 34px; background: #FFF5F5; color: #FF5B5B; line-height: 34px; text-align: center}
.subnav .sn-right dt span{ position: relative; display: inline-block; padding-left: 17px}
.subnav .sn-right dt span::before{ position: absolute; top: 9px; left: 0; width: 16px; height: 16px; background: url(../images/la-icon.png) no-repeat; background-position: -119px 0; content: ""}

/*  列表-左侧  */
.nlist{ background: #FFF}
.nlist li{ overflow: hidden; padding: 15px 30px}
.nlist li .image{ float: left; overflow: hidden; width: 200px; height: 116px}
.nlist li .image img{ transition: all .3s linear; width: 100%;}
.nlist li:hover .image img{ transform: scale(1.2)}
.nlist li .info{ float: right; width: 583px}
.nlist li .info h3{ font-size: 16px; color: #333; line-height: 22px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.nlist li .info p{ padding: 8px 0 8px; font-size: 12px; color: #666; line-height: 17px}
.nlist li .info span{ display: block; font-size: 12px; color: #999; line-height: 16px}
.nlist li:hover .info *{ color: #8454cc !important}
.nlist .al-qa li{ border-bottom: 1px solid #EEE}
.nlist .al-qa li .info{ float: none; width: auto}
.nlist .al-qa li .info p{ min-height: inherit}

/*页码*/
.pagination{ padding: 45px 0 64px; text-align: center}
.pagination .pagination-box{ overflow: hidden; display: inline-block}
.pagination .pagination-box a,.pagination .pagination-box span{ float: left; min-width: 18px; margin: 0 4px 0 5px; background: #F6F6F6; font-size: 14px; color: #666; padding: 2px 12px; line-height: 24px; text-align: center}
.pagination a.cur {border: 1px #8454cc solid;background: #8454cc;color: #fff;}
.pagination .pagination-box > span{ background: #FF6E00; color: #FFF}
.pagination .pagination-box > span:last-child{ background: none; color: #333}
.pagination .pagination-box select{ float: left; height: 30px; background: #F6F6F6}

.r-lately,.r-hot-tags{ padding: 10px; margin-bottom: 20px; background: white}
.r-lately .rl-cont{ padding: 0 5px}
.r-lately .rl-cont li{ overflow: hidden; padding: 16px 0; border-bottom: 1px solid #EEE}
.r-lately .rl-cont li:last-child{ border-bottom: none}
.r-lately .rl-cont li h3{ font-size: 14px; color: #333; line-height: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.r-lately .rl-cont li p{ padding: 2px 0; font-size: 12px; color: #666; line-height: 18px}
.r-lately .rl-cont li dl{ overflow: hidden; font-size: 12px; color: #999; line-height: 28px}
.r-lately .rl-cont li dt{ float: left; color: #8454cc}
.r-lately .rl-cont li.rl-live dt{ position: relative; padding-left: 17px; color: #FF5B5B}
.r-lately .rl-cont li.rl-live dt::before{ position: absolute; top: 5px; left: 0; width: 16px; height: 16px; background: url(../images/la-icon.png) no-repeat; background-position: -119px 0; content: ""}
.r-lately .rl-cont li dd{ float: right; overflow: hidden}
.r-lately .rl-cont li dd .rl-number{ float: left; margin-right: 6px}
.r-lately .rl-cont li dd .rl-btn{float: left; width: 66px; height: 28px; background: #8454cc; color: white; text-align: center; border-radius: 14px}
.r-lately .rl-cont li.rl-live dd .rl-btn > div:last-child{ background: #FF6E00}

.r-title{ position: relative; font-size: 16px; font-weight: bold; color: #333; line-height: 28px}
.r-title::before{ position: absolute; top: 0; left: -10px; width: 3px; height: 28px; background: #8454cc; content: ""}

.r-hot-tags{ padding: 16px 10px}
.r-hot-tags .rht-cont{ overflow: hidden; padding: 7px 0 10px}
.r-hot-tags .rht-cont li{ float: left; padding: 6px 0}
.r-hot-tags .rht-cont li a{ display: block; padding: 0 22px; margin: 0 5px; background: #F6F6F6; font-size: 12px; color: #333; line-height: 30px; border-radius: 15px}

/*  详情页  */
.packge .packge-box{ display: none}
.packge .packge-box:first-child{ display: block}

.article{ padding: 40px 30px 60px; background: white}
.article .article-head h1{ margin-bottom: 30px; font-size: 32px; font-weight: normal; color: #333; line-height: 46px}
.article .article-head ul{ margin-top: 30px}
.article .article-head li{ float: left}
.article .article-head li span{ position: relative; float: left; padding-left: 21px; margin-right: 20px; font-style: normal; font-size: 14px; color: #999; line-height: 20px}
.article .article-head li span::before{ position: absolute; top: 2px; left: 0; width: 17px; height: 17px; background: url(../images/la-icon.png) no-repeat; background-position: -135px 0; content: ""}
.article .article-head li.ah-info span:nth-child(2)::before{ background-position: -152px 0}
.article .article-head li.ah-info span:nth-child(3)::before{ background-position: -169px 0}
.article .article-head li.follow-share{ float: right}
.article .article-head li.follow-share span{ cursor: pointer}
.article .article-head li.follow-share span:first-child{ color: #FF6E00}
.article .article-head li.follow-share span:last-child{ margin-right: 0}
.article .article-head li.follow-share span:first-child::before{ background-position: -186px 0}
.article .article-head li.follow-share span:last-child::before{ background-position: -203px 0}
.article .article-head li.download-app{ width: 100%; margin-top: 15px}
.article .article-head li.download-app a{ position: relative; display: inline-block; padding-left: 20px; font-size: 14px; color: #1480FF; line-height: 20px}
.article .article-head li.download-app a::before{ position: absolute; top: 2px; left: 0; width: 15px; height: 15px; background: url(../images/la-icon.png) no-repeat; background-position: -104px 0; content: ""}
.article .article-body{ margin-top: 21px; font-size: 16px; color: #333; line-height: 42px; text-align: justify}
.article .article-body > div{ margin-bottom: 0px}
.article .ab-consult{ padding: 0 20px 22px; margin-top: 20px; margin-bottom: 20px !important; background: white; box-shadow:0px 4px 16px 0px rgba(0,0,0,0.12); border-radius: 10px}
.article .ab-consult .consult-name{ padding: 12px 0; margin-bottom: 10px; border-bottom: 1px solid #EEE; font-size: 16px; color: #FF6E00; line-height: 22px; text-align: center}
.article .ab-consult .image{ float: left; overflow: hidden; width: 48px; height: 48px; margin-left: 20px; border: 1px solid white; border-radius: 24px; box-shadow:0px 4px 16px 0px rgba(0,0,0,0.2);}
.article .ab-consult .image img{
    width: 100%;
}
.article .ab-consult .info{ float: left; width: 504px; margin-left: 16px}
.article .ab-consult .name{ font-size: 16px; color: #333; line-height: 20px}
.article .ab-consult .name span{ display: inline-block; padding-left: 6px; margin-left: 7px; border-left: 1px solid #EEE; font-size: 12px; color: #1480FF}
.article .ab-consult .txt{ margin-top: 7px; font-size: 12px; color: #666; line-height: 17px}
.article .ab-consult .consult-btn{ float: left; width: 116px; height: 36px; margin: 29px 0 0 36px; background: #FF6E00; font-size: 14px; color: white; line-height: 36px; text-align: center; border-radius: 18px; box-shadow:0px 8px 26px 0px rgba(250,115,57,0.5);}
.article-foot{ text-align: center}
.article-foot dl{ display: inline-block}
.article-foot dd{ float: left; width: 115px; height: 36px; margin: 0 8px; background: #FFF7F0; font-size: 14px; color: #FF6E00; line-height: 36px; text-align: center; border-radius: 18px; cursor: pointer}
.article-foot dd:nth-child(2){ background: #F0F7FF; color: #1480FF}
.article-foot dd span{ position: relative; display: inline-block; padding-left: 20px}
.article-foot dd span::before{ position: absolute; top: 10px; left: 0; width: 17px; height: 17px; background: url(../images/la-icon.png) no-repeat; background-position: -186px 0; content: ""}
.article-foot dd:nth-child(2) span::before{ width: 15px; height: 15px; background-position: 0 -24px}
.article-foot dd span i{ font-style: normal}
.article-foot dd.active{ background: #F1F1F1; color: #666}
.article-foot dd.active span::before{ background-position: 0 -39px}
.article-foot dt{ float: left; overflow: hidden}
.article-foot dt a{ float: left; overflow: hidden; width: 36px; height: 36px; padding: 0; margin: 0 5px; background: url(../images/la-icon.png) no-repeat; background-position: -15px -24px; border-radius: 18px}
.article-foot dt a.bds_tsina{ background-position: -15px -24px}
.article-foot dt a.bds_sqq{ background-position: -51px -24px}
.article-foot dt a.bds_weixin{ background-position: -87px -24px}
.article-foot dt a:hover.bds_tsina{ background-position: -15px -60px}
.article-foot dt a:hover.bds_sqq{ background-position: -51px -60px}
.article-foot dt a:hover.bds_weixin{ background-position: -87px -60px}

.qc-warp{ position: relative; text-align: center}
.qc-warp .qc-pos{ position: absolute; display: none; bottom: 120%; left: 50%; overflow: hidden; width: 138px; margin-left: -69px; padding: 10px 0; background: white; box-shadow:0px 2px 8px 0px rgba(0,0,0,.15); border-radius: 8px}
.qc-warp:hover .qc-pos{ display: block}
.qc-warp .qc-pos i{ display: block; font-style: normal; font-size: 14px; color: #333; line-height: 20px; text-align: center}
.qc-warp .qc-pos img{ width: 121px}

.up-down{ overflow: hidden; margin-top: 20px}
.up-down li{ float: left; overflow: hidden; width: 425px; padding: 16px 0; background: white}
.up-down li:last-child{ float: right}
.up-down li .info{ padding: 0 20px; font-size: 14px; color: #666; line-height: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.up-down li .info span{ display: block; margin-bottom: 10px; transition: all .3s linear}
.up-down li .info a{ color: #333}
.up-down li:hover .info a{ color: #8454cc}


/* 预约弹出二维码 */
.qrcode-dialog {position: fixed;top:0;left:0;width: 100%;height: 100%;z-index: 1000;background: rgba(0, 0, 0, 0.6);display: none;}
.qrcode-dialog img {width: 200px;text-align: center;border-radius: 10px;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);height: auto;background: #fff;}