@charset "utf-8";

* {margin:0; padding:0;}
html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6 { -webkit-text-size-adjust:none;}
body {font-family:Arial, "Microsoft Yahei";background: #f4f4f4;}
body.choose{height: 100%;overflow: hidden;}
form, img, table, td { border:0;}
ul, ol, li { list-style-type:none; display: block;}
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal;}
input, textarea, img { vertical-align:middle; font-family:Arial, "Microsoft Yahei";}
@media screen and (max-device-width: 320px) {body {-webkit-text-size-adjust:none}}
@media screen and (max-device-width: 480px) {body {-webkit-text-size-adjust:none}}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {body {-webkit-text-size-adjust:none}}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {body {-webkit-text-size-adjust:none}}
a {color:#3c3f46;text-decoration:none;}
html,body{ height: 100%;}
em,i{font-style:normal;}
html>img{display: none;}
/* font */
.f9 { font-size:9px;}
.f10 { font-size:10px;}
.f11 { font-size:11px;}
.f12 { font-size:12px;}
.f13 { font-size:13px;}
.f14 { font-size:14px;}
.f15 { font-size:15px;}
.f16 { font-size:16px;}
.f17 { font-size:17px;}
.f18 { font-size:18px;}
.f19 { font-size:19px;}
.f20 { font-size:20px;}
.f21 { font-size:21px;}
.f22 { font-size:22px;}
.f23 { font-size:23px;}
.ti2 { text-indent:2em;}

/* box */
.pd8{ padding: 8px;}
.pdX8{ padding-left:8px;padding-right:8px;}
.pdY8{ padding-top:8px;padding-bottom:8px;}
.mgX8{ margin-left:8px;margin-right:8px;}
.mgY8{ margin-top:8px;margin-bottom:8px;}
.pd10{ padding: 10px;}
.pdX10{ padding-left:10px;padding-right:10px;}
.pdY10{ padding-top:10px;padding-bottom:10px;}
.mgX10{ margin-left:10px;margin-right:10px;}
.mgY10{ margin-top:10px;margin-bottom:10px;}
.pd14{ padding: 14px;}
.pdX14{ padding-left:14px;padding-right:14px;}
.pdX16{ padding-left:16px;padding-right:16px;}
.pdY14{ padding-top:14px;padding-bottom:14px;}
.pdT14{padding-top:14px;}
.mgX14{ margin-left:14px;margin-right:14px;}
.mgY14{ margin-top:14px;margin-bottom:14px;}
.mgX16{ margin-left:16px;margin-right:16px;}
.pd20{ padding: 20px;}
.pdX20{ padding-left:20px !important;padding-right:20px !important;}
.pdY20{ padding-top:20px;padding-bottom:20px;}
.pdT20{padding-top:20px;}
.mgX20{ margin-left:20px;margin-right:20px;}
.mgY20{ margin-top:20px;margin-bottom:20px;}
.mt5{ margin-top: 5px !important;}
.mt8{ margin-top: 8px !important;}
.mt9{ margin-top: 9px !important;}
.mt10{ margin-top: 10px !important;}
.mt14{ margin-top: 14px !important;}
.mt18{ margin-top: 18px !important;}
.mt20{ margin-top: 20px !important;}
.mt25{ margin-top: 25px !important;}
.mt30{ margin-top: 30px !important;}
.mb8{ margin-bottom: 8px !important;}
.mb9{ margin-bottom: 9px !important;}
.mb10{ margin-bottom: 10px !important;}
.mb14{ margin-bottom:14px !important;}
.mb20{ margin-bottom:20px !important;}
.lh20{ line-height: 20px;}
.lh23{ line-height: 23px;}
.lh24{ line-height: 24px;}
.lh26{ line-height: 26px;}
/* color */
.gray-0{color:#0c0d0e}
.gray-3{color:#343538}
.gray-5{color:#56565c}
.gray-8{color:#83868f}
.gray-b{color:#b3b6be;}
.gray-c{color:#cccfd8}
.gray-b2{color:#B2B2BA}
.red-df{color:#df3031;}
.red-d7{color:#d7494a}
.red-d6{color:#d64242}
.red-f6{color:#ff6666;}
.red-f0{color:#ff0000;}
.red-f5{color:#ff5350;}
.red-f6{color:#ff6666;}
.red-f02{color:#F02B2B;}
.green-6{color:#669934;}
.yellow-f9{color:#ff9933;}
.blue-4{color:#4080d1;}
.blue-3{color:#3d74ba;}
.blue-5{color:#819bbb}
/* fn */
.clear { clear: both; height: 0px; font-size: 0px; visibility: hidden; line-height: 0;}
.clearfix:after{ clear: both; content: "\200B"; display: block; height: 0;}
.clearfix{ *zoom: 1;}
.center { text-align: center;}
.none { display: none;}
.flol { float: left;}
.flor { float: right;}
.radius1{-webkit-border-radius: 1px;-moz-border-radius: 1px;border-radius: 1px;}
.radius2{-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;}
.radius3{-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.radius4{-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}

.main{ position: relative; margin: 0 auto; max-width: 640px; min-height: 100%; overflow: hidden;}
.mBox{margin-bottom: 8px;}
table{ border-collapse:collapse;}
section,.whitebg{ background-color: #fff}
.bb{ border-bottom: 1px solid #f8f8f8;}
.bt{ border-top: 1px solid #f8f8f8;}

input,textarea,button{ -webkit-appearance:none;}
input[type="radio"]{ -webkit-appearance:radio;}
input[type="checkbox"]{ -webkit-appearance:checkbox;}

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}

/* flex */
.flexbox{ display: box; display: -webkit-box; display: -moz-box; display: -ms-box; -webkit-box-orient:horizontal; box-orient:horizontal;}
.flexbox > *{ display: block; box-flex:1; -webkit-box-flex:1; -moz-box-flex:1; -ms-box-flex:1;}
body:not(:-moz-handler-blocked) .flexbox { width: 100%;} /*for FF*/
.flexbox-v{ display: box; display: -webkit-box; display: -moz-box; display: -ms-box; -webkit-box-orient:vertical; box-orient:vertical;}
.flexbox-v > *{ display: block; box-flex:1; -webkit-box-flex:1; -moz-box-flex:1; -ms-box-flex:1;}





/* 跳转箭头 */
.arr-rt{ position: relative; padding-right: 14px;}
.arr-rt:after{ position: absolute; content: '';right:0;top: 50%; margin-top: -7px; width: 14px; height: 14px; background: url(../images/arr_new_r.png) 0 0 no-repeat; background-size:14px auto;}
.arr-rt-n{ position: relative; padding-right:14px;}
.arr-rt-n:after{ position: absolute; content: '';right:0;top: 50%; margin-top: -6px; width: 7px; height: 12px; background: url(../images/arr_new.png) 0 0 no-repeat; background-size:100%;}
.arr-rt-ns{ position: relative; padding-right:10px;}
.arr-rt-ns:after{ position: absolute; content: '';right:0;top: 50%; margin-top: -4px; width: 5px; height: 8px; background: url(../images/arr_new_s.png) 0 0 no-repeat; background-size:100%;}
.arr-rt-nsh{ position: relative; padding-right:10px;}
.arr-rt-nsh:after{ position: absolute; content: '';right:0;top: 50%; margin-top: -4px; width: 5px; height: 8px; background: url(../images/arr_new_sh.png) 0 0 no-repeat; background-size:100%;}

.arr-rt-n0{ position: relative;}
.arr-rt-n0:after{ position: absolute; content: '';right:0;top: 50%; margin-top: -6px; width: 6px; height:12px; background: url(../images/icons_c.png) 0 0 no-repeat;background-size: 20px auto;}

/* 上下更多箭头 */
.arr-down,.arr-up{ position: relative; padding-right: 14px;}
.arr-down:after,.arr-up:after{ position: absolute; content: '';right:0;top: 50%; margin-top: -3px; width: 12px; height: 7px; background: url(../images/icons_c.png) 0 -65px no-repeat; background-size: 20px auto;}
.arr-up:after{-webkit-transform:rotate(180deg);transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);}

/*标题*/
.mTitle:after{ clear: both; content: "\200B"; display: block; height: 0;}
.mTitle h2{float:left;font-size:15px;color:#83868f;line-height:1;padding:20px 0;margin-left:8px;text-overflow: ellipsis;white-space: nowrap;}
.mTitle h2.no-b{padding-bottom:0;}
.mTitle h1{float:left;font-size:16px;color:#3c3f46;line-height:1;padding:20px 0;text-overflow: ellipsis;white-space: nowrap;}
.mTitle h1.no-b{padding-bottom:0;}
.mTitle span{float:right;position:relative;display:block;line-height:56px;margin-right:8px;font-size:13px;overflow:hidden;}
.mTitle span i{position:absolute;top:12px;right:8px;width:13px;height:13px;line-height:13px;background:#ff6666;overflow:hidden;color:#ffffff;font-size:11px;text-align:center;font-style:normal;border-radius:50%;}
.mTitle a{color:#83868f;}
.mTitle a{display:block;height:55px;}
.mTitle > a.arr-rt:after{right:25px;}
.mTitle.con h2{margin-left:20px;}
.mTitle.con span{margin-right:20px;}
.mTitle.con > a.arr-rt:after{right:20px;}
.mTitle.con16 span{margin-right:10px;font-size:14px;}
.mTitle.newt{border-bottom:1px solid #f8f8f8;}
.mTitle.newt h2{margin-left:20px;font-size:17px;color:#3c3f46;font-weight:600;}
.mTitle.newt a{color:#3c3f46;height:57px;}
.mTitle.newt span{margin-right:20px;}
.mTitle.newt > a.arr-rt:after{right:20px;}
.mTitle.newt.nbb{border-bottom:none;}


/*导航*/
.secTab{ background:#fbfbfb;height:36px;}
.secTab a{color: #83868f; width: 50px; text-align: center; font-size: 15px;}
.secTab a span{display:inline-block; line-height: 35px;}
.secTab a.active span{ border-bottom: 1px solid #df3031;color: #df3031;}
.secTab.h40{height:40px;}
.secTab .overbox{position:relative;width:100%;height:36px;overflow:hidden;}
.secTab .overbox::-webkit-scrollbar{width:0;height:0;}
.secTab .overboxIn{white-space:nowrap;}
.secTab .overbox a{padding: 0 12px;}
.secTab .overbox a.active{color:#df3031;}
.secTab .overbox span{padding:0;line-height:39px;}
.secTab .overbox em{font-size:12px;vertical-align:1px;}

/*返回顶部*/
.goTop{position:fixed;right:10px;bottom:65px;width:37px;height:37px;z-index:99;background:url(../images/backtop.png) no-repeat;background-size:100%;}
.icon-px{position:fixed;right:10px;bottom:107px;width:37px;height:37px;z-index:99;background:url(../images/icon_paixu.png) no-repeat;background-size:100%;}

/*tab菜单*/
.tabNav{height:40px;margin:0 14px;}
.tabNav > div{height:40px;}
.tabNav a{ color: #83868f; width: 50px; text-align: center; font-size: 14px;color:#696969}
.tabNav a span{display:inline-block; line-height: 39px; padding: 0 6px;}
.tabNav a.active span{position:relative;font-weight:bold;color:#333333;}
.tabNav a.active span:before{position:absolute;content:'';width:20px;height:3px;background:#F45549;bottom:0;left:50%;margin-left:-10px;border-radius:2px;}
.tabNav.overbox{position:relative;margin:0 10px 0 0;}
.tabNav.overbox:before{position:absolute;content:'';right:0;height:40px;width:10px;background-image:-webkit-linear-gradient(to left, rgba(255,255,255,1), rgba(255,255,255,0.5));background-image:linear-gradient(to left,rgba(255,255,255,1), rgba(255,255,255,0));z-index:2;}
.tabNav .overboxIn{position:relative;width:100%;height:40px;overflow-x:scroll;padding-left:22px;}
.tabNav .overboxIn::-webkit-scrollbar{width:0;height:0;}
.tabNav .overboxIn > div{height:40px;white-space: nowrap;}
.tabNav.overbox a{display:inline-block;margin-right:14px;width:auto;}
.tabNav.overbox a span{height:40px;padding:0 1px;}




/* 搜索  */

.search{ position: relative; padding:4px 25px;width: 100%;z-index:2;margin:0 auto;max-width:640px;}
.search-2{ position: relative;padding:4px 25px;width: 100%;z-index:2;margin:0 auto;}
.searbox{ position: relative;border-radius: 2px; height:40px;font-size: 14px;background:#F6F6F6;    border: 1px solid #dddddd;
    box-shadow: 0px 2px 8px 0px rgba(228,231,240,0.75);
    background-color: #fff;}
.searbox .ipt{     padding-left: 30px;}
.searbox .ipt:before{content:'';position:absolute;width:14px;height:14px;left:12px;top:50%;margin-top:-7px;background:url(../images/search_btn.png) no-repeat;background-size:100%;}
.searbox .ipt .off{ position: absolute; top: 50%; margin-top: -12px; right:6px; display: block; width: 24px; height: 24px; background:#F6F6F6 url(../images/search_close.png) center center no-repeat; background-size: 10px auto;}
.searbox .ipt .tag-icon{position:absolute;width:30px;height:24px;right:10px;top:50%;margin-top:-12px;background:#fff url(../images/pic_gg.jpg) right center no-repeat;background-size:24px auto;}
.searbox .btn{ position: absolute; right: 0; top: 0; width: 42px; height:40px; line-height: 40px; text-align: center;border-left:1px solid #f2f2f2;border-radius:0 3px 3px 0;background:#f3f5f7;}
.searbox .btn i{ margin-top: 12px; display: inline-block; width: 17px; height: 17px; background: url(../images/sea_btn.png) 0 0 no-repeat; background-size: 15px auto;}

.search .mapbtn{ margin-left: 8px; display: block; background-color:#F6F6F6; border-radius:2px; width: 75px; min-width: 75px; max-width: 75px; height: 40px; line-height: 40px; text-align: center; font-size: 14px; color:#696969;cursor: pointer;overflow:hidden;}
.searbox .inputbox{ position: relative; overflow: hidden;}
.searbox .inputbox .input{position:relative;display:block;line-height:40px; width: 100%; height: 38px; font-size: 14px;color:#696969;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;    border: none;}
.searbox .inputbox .input i{display:inline-block;width:14px;height:14px;margin: 13px 6px 0 8px;background:url(../images/search_icons.png) 0 0 no-repeat;background-size:100%;vertical-align:top;}
.searbox .inputbox .input .tag-icon{float:right;width:24px;height:12px;background:url(../images/pic_gg.jpg) no-repeat;background-size:100%;margin:14px 5px 0 5px;}
.searbox .inputbox.mr{margin-right:42px;}

.searbox .sel{ float: left; padding: 0 0 0 8px;height:34px; line-height: 40px; text-align: center;max-width:58px;white-space:nowrap;color:#565c67;margin-right:5px;}
.searbox .sel span{ position: relative; display:inline-block; padding-right: 12px;}
.searbox .sel span:after{ position: absolute; right: 0; top: 50%; margin-top: -2px; display: block; content: ''; width: 0; height: 0; border-width: 4px; border-style: solid; border-color: #cccfd8 transparent transparent transparent;}
.searbox .drop{ display: none; position: absolute; top: 35px; left:-1px; background-color: rgba(60,63,70,.9);z-index: 100; border-radius: 5px;box-shadow:1px 1px 3px  rgba(5,0,1,0.3);}
.searbox .drop li{height:45px;line-height:45px;border-bottom: 1px solid #3c3f46; text-align: left;font-size:16px;color:#ffffff;color:#fff;padding:0 24px 0 20px;white-space: nowrap;overflow:hidden;}
.searbox .drop li:last-child{ border-bottom: none;}
.searbox .drop li.active{opacity:0.5;}

.searbox .drop li i{float:left;width:20px;height:20px;margin:12px 20px 12px 0;background:url(../images/sea_licon.png) no-repeat;background-size:20px auto;}
.searbox .drop li i.j_pic{background-position:0 0;}
.searbox .drop li i.j-ask{background-position:0 -20px;}
.searbox .drop li i.j-deg{background-position:0 -40px;}
.searbox .drop li i.j-site{background-position:0 -60px;}
.searbox .drop > i{position:absolute;top:-6px;left:12px;width:12px;height:6px;overflow:hidden;}
.searbox .drop > i:before{position:absolute;content:'';width:10px;height:10px;top:2px;left:50%;margin-left:-5px;background-color: rgba(60,63,70,.9);border-radius:2px;-webkit-transform:rotate(45deg);transform:rotate(45deg);}



/*轮播*/
.adFocus{position:relative;}
.adFocus .pointBox{position:absolute;text-align:right;bottom:5px;right:14px;}
.adFocus .pointBox span{display:inline-block;width:5px;height:5px;background:#ffffff;border-radius:50%;overflow:hidden;margin:0;margin-left:6px;}
.adFocus .pointBox span.cur{background:#ff6666;}

.banFocus{position:relative;overflow:hidden;}
.banFocus li{float:left;}
.banFocus .pointBox{position:absolute;text-align:right;bottom:3px;right:4px;}
.banFocus .pointBox span{display:inline-block;width:5px;height:5px;background:#ffffff;border-radius:50%;overflow:hidden;margin:0;margin-left:6px;}
.banFocus .pointBox span.cur{background:#ff6666;}

/*面包屑*/
.crumbs{margin:0 auto; margin-bottom: -3px; padding:8px 25px; color: #b3b6be; font-size: 9px;background:#fff;line-height:1;max-width:640px;}
.crumbs a{color: #b3b6be!important;}

/*加载更多*/
.moreList{text-align:center;}
.moreList a{display:block;height:40px;line-height:40px;text-align:center;font-size:14px;color:#696969;background:#fff;}
.moreList span{position:relative;color:#cccfd8;font-size:12px;line-height:40px;padding-left:20px;}
.moreList span i{position:absolute;width:15px;height:15px;top:50%;margin-top:-7px;left:0;background:url(../images/loading.png) no-repeat;background-size:15px auto;margin-right:8px;vertical-align:-2px;z-index:2;-webkit-animation:loading 1s linear infinite;animation:loading 1s linear infinite;}
.moreList span:before{content:'';position:absolute;width:15px;height:15px;top:50%;margin-top:-7px;left:0;background:url(../images/loading_fang.png) no-repeat;background-size:15px auto;z-index:3;}
@-webkit-keyframes loading {100% {-webkit-transform-origin: center;transform-origin: center;-webkit-transform: rotate(360deg);transform: rotate3d(360deg);}}
@keyframes loading {100% {-webkit-transform-origin: center;transform-origin: center;-webkit-transform: rotate(360deg);transform: rotate3d(360deg);}}

/*更多*/
.homeOption{border-top:1px solid #f8f8f8;margin-top: -1px;width:100%;}
.homeOption a{display:block;width:100%;line-height:40px;font-size:13px;text-align:center;}
.homeOption a span{position:relative;display:inline-block;color:#83868f;padding-right:16px;}
.homeOption a span:after{position:absolute;content:'';width:0;height:0;border:4px solid #8d9095;border-color:transparent transparent transparent #8d9095;right:0;top:50%;margin-top:-5px;}

/* alert弹窗 */
.floatAlert{ position: fixed; top: 0; left:0;width: 100%; height: 100%; background: rgba(0,0,0,.6); z-index: 1000;}
.floatAlert .alert{ position: absolute; top: 50%; left: 50%; border-radius: 10px; display:inline-block; width: 280px; background: #fff; color: #3c3f46; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.floatAlert .alert .cont{ padding: 20px 24px;font-size:15px;line-height:24px;color:#56565c;}
.floatAlert .alert .cont img{margin-right:10px;}
.floatAlert .alert .cont h3{font-size:18px;color:#56565c;font-weight:bold;text-align:center;line-height:32px;margin-bottom:8px;}
.floatAlert .alert .cont h3.call{margin-bottom:0;}
.floatAlert .alert .cont .txt1{ padding:10px 0; font-size:11px; line-height:18px; color:#ff5350; text-align:center;}
.floatAlert .alert .cont .txt2{ padding:2px 0; font-size:16px; color:#0c0d0e; text-align:center;}
.floatAlert .alert .cont.tel{padding:18px 24px 12px;text-align:center;}
.floatAlert .alert .btns{ border-top: 1px solid #E7E7EB;width:100%;}
.floatAlert .alert .btns a{ display: block; border-right: 1px solid #f8f8f8; line-height: 44px; font-size: 15px; text-align: center; color: #E23838;width:50px;}
.floatAlert .alert .btns a:last-child{ border-right: none;}
.floatAlert .alert .btns a:only-child{font-size:16px;width:100%;}
.floatAlert .alert2 .cont{ padding: 20px 15px 0;}
.floatAlert .alert2 .btns a{line-height: 44px;}
.floatAlert .close{position:absolute;width:20px;height:20px;right:12px;top:11px;background:url(../images/close_x.png) center center no-repeat;background-size:14px auto;}
.floatAlert.s2{position:static;width:0;height:0;}
.floatAlert.s2 .alert{position:fixed;z-index:1000;}
.bounceInDown {margin-top:-70px;-webkit-animation:bounceInDown .8s both;animation:bounceInDown .8s both;}
@-webkit-keyframes bounceInDown {
    0%, 60%, 75%, 90%, 100% {-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);}
    0% {opacity: 0;-webkit-transform: translate3d(-50%, -3000px, 0);transform: translate3d(-50%, -3000px, 0);}
    60% {opacity: 1;-webkit-transform: translate3d(-50%, 25px, 0);transform: translate3d(-50%, 25px, 0);}
    75% {-webkit-transform: translate3d(-50%, -10px, 0);transform: translate3d(-50%, -10px, 0);}
    90% {-webkit-transform: translate3d(-50%, 5px, 0); transform: translate3d(-50%, 5px, 0);}
    100% {-webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0);}
}
@keyframes bounceInDown {
    0%, 60%, 75%, 90%, 100% {-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);}
    0% {opacity: 0; -webkit-transform: translate3d(-50%, -3000px, 0);transform: translate3d(-50%, -3000px, 0);}
    60% {opacity: 1;-webkit-transform: translate3d(-50%, 25px, 0);transform: translate3d(-50%, 25px, 0);}
    75% {-webkit-transform: translate3d(-50%, -10px, 0);transform: translate3d(-50%, -10px, 0);}
    90% {-webkit-transform: translate3d(-50%, 5px, 0); transform: translate3d(-50%, 5px, 0);}
    100% {-webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); }
}
.bounceOutDown {-webkit-animation: bounceOutDown 1s both;animation: bounceOutDown 1s both;}
@-webkit-keyframes bounceOutDown {
    100% {opacity: 0;-webkit-transform: translate3d(-50%, 2000px, 0);transform: translate3d(-50%, 2000px, 0);}
}
@keyframes bounceOutDown {
    100% {opacity: 0;-webkit-transform: translate3d(-50%, 2000px, 0);transform: translate3d(-50%, 2000px, 0);}
}
.fadeOut {-webkit-animation:fadeOut 1s both;animation:fadeOut 1s both;}
@-webkit-keyframes fadeOut {
    0% {opacity: 1;}
    100% {opacity: 0;}
}
@keyframes fadeOut {
    0% {opacity: 1;}
    100% {opacity: 0;}
}

/*带输入框及成功弹窗*/
.tz-box{position:fixed;width:100%;height:100%;left:0;right:0;top:0;bottom:0;background:rgba(0,0,0,.6);z-index:1000;display:none;}
.tz-box2{position:fixed;width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,.6);z-index:9999;}/*20170407*/
.tz-con{position:absolute;top:50%;left:50%;margin-left:-140px;width:280px;background:#ffffff;border-radius:7px;z-index:11;transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);padding-bottom:20px;}
.tz-con .tz-tit{height:56px;line-height:56px;color:#ff6666;font-size:16px;text-align:center;}
.ipt-list{margin:0 20px!important;}
.ipt-list li{height:45px;border-bottom:1px solid #f4f4f4!important;margin:0!important;}
.ipt-list li .yzm{ max-width:75px; min-width:75px; height:40px; max-height:40px; min-height:40px;}
.ipt-list li.tw-yzm{padding:26px 0 14px;height:auto;}
.ipt-list li.tw-yzm .ipt-text{margin-left:10px;font-size:22px;}
.ipt-list li.tw-yzm .ipt-text::-webkit-input-placeholder {font-size:14px;}
.ipt-list .ipt-text{width: 100%;height:44px;font-size: 14px; border: 1px solid transparent; border-radius: 3px;overflow:hidden;color:#0c0d0e;outline:none;}
.ipt-list div.ipt-text{line-height:44px;}
.ipt-list div.ipt-text .placeholder{color:#b3b6be;}
.ipt-list .ipt-btn1{min-width:86px;max-width:86px;height:24px;line-height:24px;border:1px solid #ff6666;color:#ff6666;font-size:12px;background-color:#ffffff;border-radius:2px;margin-top:10px;outline:none;overflow:hidden;}
.ipt-list .ipt-btn1.disabled{ color: #b3b6be;border:1px solid #cccfd8;}
.ipt-list ::-webkit-input-placeholder { color:#b3b6be;}
.tz-word{line-height:1;padding:0 20px;color:#83868f;font-size:12px;margin-top:20px;}
.tz-word a{color:#0c0d0e;}
.tz-word input{float:left;-webkit-appearance:none;border:none;width:15px;height:15px;background:url(../images/tz_zy_icon.png) 0 -15px no-repeat;background-size:100%;margin-top:-2px;margin-right:5px;outline:none;}
.tz-word input:checked{background-position:0 0;}
.tz-btn{padding:0 20px;margin-top:20px;}
.tz-btn input{margin-left:18px;height:36px;line-height:36px;background:#df3031;color:#ffffff;font-size:14px;border:none;border-radius:2px;min-width:110px;outline:none;}
.tz-btn input:first-child{margin-left:0;background:#b3b6be;}
.tz-btn a.btn-get{ display:block; width:100%; font-size:14px; color:#fff; text-align:center; line-height:36px; background:#e83b3c; border-radius:3px;}
.tz-con .tz-tit span.hb-tt{display:block;width:100%;height:100%;background:url(../images/hb_title_icon.png) center center no-repeat;background-size:64px auto;}
.tz-ok-box{text-align:center;padding-top:20px;line-height:1;}
.tz-ok-box > img{margin-bottom:20px;}
.tz-ok-box h2{font-size:16px;color:#0c0d0e;margin-bottom:10px;}
.tz-ok-box p{font-size:12px;color:#83868f}
.tz-con .closeBtn{position:absolute;right:12px;top:10px;width:20px;height:20px;background:url(../images/tz_close_icon.png) center center no-repeat;background-size:14px 14px;}
.yzm-sta,.ts-box {position: fixed;width:150px;background-color:rgba(0,0,0,.7); border-radius: 5px; color: #fff; font-size: 14px;line-height:1.4; text-align: center;padding:12px 10px;z-index: 9999;left:50%;margin-left:-75px;top:50%; margin-top:-24px;}

.tz-con .ipt-list li.h65{ height:65px; color:#0c0d0e; margin-top:25px !important;}/*20160905*/
.tz-con .tz-tit span.zu-hb{background:url(../images/zu_hb_tt.png) center center no-repeat;background-size:66px auto;}/*20160905*/
.tz-con .btnRed{margin:18px 4% 0;width:92%;height:36px;line-height:36px;background:#e53d42;color:#ffffff;font-size:14px;border:none;border-radius:2px;outline:none;}/*20160905*/
.ts-box.w240{width:240px;margin-left:-120px;}
.f-xybox{padding:10px 20px;font-size:11px;line-height:1.5;color:#83868f;}
.f-xybox a{color:#83868f!important;}
.f-xybox input[type="checkbox"]{position:relative;float:left;width:13px;height:13px;margin-right:6px;margin-top:1px;border:none;-webkit-appearance: none;outline:none;}
.f-xybox input[type="checkbox"]:before{content:'';position:absolute;left:0;top:0;width:13px; height:13px; background:#fff url(../images/radio.png) no-repeat; background-size:13px; background-position:0 0;}
.f-xybox input[type="checkbox"]:checked:before{background-position:0 -13px;}
.f-xybox span{display:block;margin-left:20px;}
.f-xybox.graybg input[type="checkbox"]:before{background-color:#f4f4f4;}
.tz-con .okBox{padding:30px 20px 15px}
.tz-con .okBox h4{text-align:center;font-size:18px;font-weight:bold;color:#3c3f46}
.tz-con .okBox p{font-size:13px;margin-top:15px;color:#565c67}
.tz-con .okBox img{width:24px;margin-right:14px;margin-top:-2px;}

/*弹框汇总*/
.tz-con .tz-txt{ margin:26px 20px 12px; text-align:center;}/*20160905*/

/*底部弹出菜单,第一个菜单不必加show*/
.sf-maskFixed{position: fixed;width: 100%;height: 100%;left: 0;top:0;background: rgba(0,0,0,0.6);z-index: 998;}
.sf-bdmenu{position: absolute;bottom: 0;left: 0;width: 100%;height: 246px;background-color: #ffffff;line-height: 44px;}
.sf-bdmenu .tt{text-align: center;height: 44px;background-color: #f6f6f6;}
.sf-bdmenu ul{width: 100%;}
.sf-bdmenu .info{text-align: center;color: #0c0d0e;font-size: 16px; margin:0 20%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.sf-bdmenu .cancel{top: 0;padding: 0 15px;position: absolute;right: 0;font-size: 15px;color: #df3031;-webkit-tap-highlight-color: rgba(0,0,0,0);}
.sf-bdmenu .return{top: 0;padding: 0 15px;position: absolute;left: 0;font-size: 15px;color: #df3031;}
.sf-bdmenu .con{overflow-y: scroll;height: 202px;position: absolute;top: 44px;width: 100%;background-color: #ffffff;-webkit-tap-highlight-color: rgba(0,0,0,0);}
.sf-bdmenu .con::-webkit-scrollbar{-webkit-appearance: none;display: none;}
.sf-bdmenu .con.show{-webkit-animation: movetop 0.4s;-moz-animation: movetop 0.4s;animation: movetop 0.4s;animation-fill-mode: both;-webkit-animation-fill-mode:both;}
.sf-bdmenu .con:nth-child(2){z-index: 10;}
.sf-bdmenu .con:nth-child(3){z-index: 11;}
.sf-bdmenu .con:nth-child(4){z-index: 12;}
.sf-bdmenu .con:nth-child(5){z-index: 13;}
.sf-bdmenu .con:nth-child(6){z-index: 14;}/*备用*/
.sf-bdmenu ul li{line-height: 44px;text-align: center;color: #565c67;font-size: 15px;height: 45px;-webkit-tap-highlight-color: rgba(0,0,0,0);}
.sf-bdmenu ul li.active{background-color: #f4f4f4;-webkit-animation: moveright 0.4s;-moz-animation: moveright 0.4s;;animation: moveright 0.4s;animation-fill-mode: forwards;-webkit-animation-fill-mode: forwards;}
.sf-bdmenu ul li.activeS{background-color: #f4f4f4;}/*单独选项*/
.sf-bdmenu ul li:not(:last-child){border-bottom: 1px solid #f4f4f4;}
.sf-bdmenu ul li > a{display:block;color: #565c67!important;}
.sf-bdmenu ul li.on > a{color:#df3031!important;}
@-webkit-keyframes moveright{
    0%{-webkit-transform: translate(0,0);opacity: 1;}
    100%{-webkit-transform: translate(100%,0);opacity: 0;}
}
@-moz-keyframes moveright{
    0%{-webkit-transform: translate(0,0);opacity: 1;}
    100%{-webkit-transform: translate(100%,0);opacity: 0;}
}
@keyframes moveright{
    0%{transform: translate(0,0);opacity: 1;}
    100%{transform: translate(100%,0);opacity: 0;}
}
@-webkit-keyframes movetop{
    0%{opacity: 0;-webkit-transform: translate(0,100%);}
    100%{opacity: 1;-webkit-transform: translate(0,0);}
}
@-moz-keyframes movetop{
    0%{opacity: 0;-moz-transform: translate(0,100%);}
    100%{opacity: 1;-moz-transform: translate(0,0);}
}
@keyframes movetop{
    0%{opacity: 0;transform: translate(0,100%);}
    100%{opacity: 1;transform: translate(0,0);}
}

/*loading-d*/
.loading-d{min-height:360px;background:#fff url(../images/loding.gif) center center no-repeat;background-size:90px auto;}

/*404样式*/
.box404{background:#fff;}
.box404 .main{min-height:0;}
.style404{min-height:260px;background:#fff url(../images/404.png) center center no-repeat;background-size:210px auto;}
.style404-2{min-height:260px;background:#fff url(../images/404_2.png) center center no-repeat;background-size:200px auto;}
a.back404{border: 1px solid #cccfd8;display: inline-block;margin-top: 14px;background-color: #ffffff;color: #83868f!important;border-radius:2px;padding: 0 16px;line-height: 34px;font-size: 14px;min-width:108px;text-align:center;}




/*分享*/
.share-s1{position:fixed;width:100%;left:0;bottom:0;background:rgba(248,248,248,.95);z-index:9999;}
.share-s1 h2{font-size:16px;color:#83868f;line-height:50px;text-align:center;}
.share-s1 ul{overflow:hidden;margin-bottom:14px;}
.share-s1 ul:last-child{margin-bottom:0;}
.share-s1 li{float:left;width:33.3%;text-align:center; }
.share-s1 li > a{display:block;-webkit-tap-highlight-color: rgba(0,0,0,0);}
.share-s1 li p{font-size:13px;color:#83868f;line-height:26px;margin-top:3px;}
.share-s1 li .zan{width:17px;height:17px;background:url(../images/zan.png) no-repeat;background-size:34px; background-position:-17px 0; position:absolute;top:0px;right:-13px;}
.share-s1 i{display:block;width:54px;height:54px;margin:0 auto;background:url(../images/share_icons.png) no-repeat;background-size:162px auto;position:relative}
.share-s1 i.pyq{background-position:0 0;}
.share-s1 i.wx{background-position:-54px 0;}
.share-s1 i.qq{background-position:-108px 0;}
.share-s1 i.zoom{background-position:0 -54px;}
.share-s1 i.wb{background-position:-54px -54px;}
.share-s1 i.copy{background-position:-108px -54px;}
.share-s1 .shareCon{padding:0 7%;}
.share-s1 .btn{width:100%;height:60px;}
.share-s1 .btn a{display:block;width:100%;line-height:60px;font-size:15px;color:#3c3f46!important;text-align:center;-webkit-tap-highlight-color: rgba(0,0,0,0);}
.share-s1 img{ pointer-events:none;}
.share-s2{position:fixed;width:100%;height:100%;left:0;bottom:0;background:rgba(0,0,0,.7);z-index:9999;}
.share-s2 .share-btn{display:block;width:36%;margin:0 auto;-webkit-tap-highlight-color: rgba(0,0,0,0);}
.share-s2 .share-btn img{width:100%;}
.share-s2 .pic1{padding-top:3%;margin-bottom:12%;}
.share-s2 .pic2{width:64%;margin:0 auto;margin-top:10%;}
.share-s2 .share-b{position:absolute;width:100%;bottom:4%;}
.share-s2.bg2{background:rgba(0,0,0,.9)}
.share-s2 .pic3{margin:5% 0 5%;}
.share-s1 img{ pointer-events:none;}
@media screen and (max-height: 480px){
    .share-s2 .pic3{width:94%;margin:5% auto;}
}
.float-mask {position: fixed;width: 100%;height: 100%;top: 0;left: 0;background: rgba(0, 0, 0, 0.5);z-index: 9998;opacity: 0;-webkit-transition-duration: .3s;transition-duration: .3s;visibility: hidden;}
.mask-visible {visibility: visible;opacity: 1;}

/*分享成功*/
.share-s3{ position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0,0,0,.6); z-index: 1000;}
.share-s3 .share-con{ position: absolute; top: 50%; left: 50%; margin-left: -140px; width: 280px; background: #ffffff; border-radius: 5px; z-index:900; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.share-s3 .share-con h2{ text-align:center; font-size:16px; line-height:16px; padding:14px 0; background-color:#f8f8f8; color:#ff6666; border-top-left-radius:5px; border-top-right-radius:5px;}
.share-s3 .share-con h2 i{ display:inline-block; width:16px; height:16px; margin-right:5px; background:url(../images/icon_ok.png) center no-repeat; background-size:16px auto; vertical-align:-2px;}
.share-s3 .share-con .tuijian{ margin:20px 13px 0; }
.share-s3 .share-con .tuijian h4{ color:#83868f; font-size:14px; line-height:1; margin-bottom:5px;}
.share-s3 .share-con .tuijian li{ border-bottom:1px solid #f4f4f4;}
.share-s3 .share-con .tuijian li a{ display:block; color:#0c0d0e; font-size:14px; line-height:21px; padding:10px 0;}
.share-s3 .share-con .share-mores{ height:36px; line-height:36px; margin:20px 30px; border-radius:2px; background-color:#e83b3c; text-align:center;}
.share-s3 .share-con .share-mores a{ display:block; color:#fff; font-size:14px;}
.share-s3 .share-con .close{ position:absolute; width:32px; height:32px; top:-16px; right:-14px; background:url(../images/fx-colse.png) center no-repeat; background-size:32px auto; z-index:950;}



/* pulse */
@-webkit-keyframes hb-pulse {
    0% {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}
    50% {-webkit-transform: scale3d(1.15, 1.15, 1.15);transform: scale3d(1.15, 1.15, 1.15);}
    100% {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}
}
@keyframes hb-pulse {
    0% {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}
    50% {-webkit-transform: scale3d(1.15, 1.15, 1.15);transform: scale3d(1.15, 1.15, 1.15);}
    100% {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}
}


/*资讯--积分商城浮层*/
.fix-jf-icon{position:fixed;right:10px;bottom:12%;z-index:100;}
.fix-jf-icon a{display:block;width:68px;height:68px;}
.fix-jf-icon a img{width:100%;}


/*黑色透明提示弹框*/
.floatAlert .alert.black{background:rgba(12,13,14,.9);}
.floatAlert .alert.black .cont{color:#fff;}
.floatAlert .alert.black .ts-cg{display:inline-block;margin:0 13px 0 0;width:24px;height:24px;background:url(../images/icon_ts_zb.png) no-repeat;background-size:100%;vertical-align:top;}





/*圆形进度条*/
.circleProBox{position:fixed;bottom:168px;right:5px;height:100px;z-index:100;}
.circleProBox .circlePro{position:absolute;right:10px;top:10px;width:80px;height:80px;background:#fff;box-shadow:0 0 10px rgba(0,0,0,.2);border-radius:50%;overflow:hidden;z-index:102;}
.circlePro section{position:relative;margin:5px;width:70px;height:70px;}
.circlePro .wrap,.circlePro .circle,.circlePro .percent{position:absolute;width:70px;height:70px;border-radius:50%;}
.circlePro .wrap{top:0;left:0;background-color:#ffdddc;}
.circlePro .circle{box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;border:1px solid #ffdddc;clip:rect(0,70px,70px,35px);}
.circlePro .clip-auto{clip:rect(auto, auto, auto, auto);}
.circlePro .percent{box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;top:-1px;left:-1px;}
.circlePro .left{border:3px solid #f83854;clip:rect(0,35px,70px,0);}
.circlePro .right{border:3px solid #f83854;clip:rect(0,70px,70px,35px);}
.circlePro .wth0{width:0;}
.circlePro .num{position:absolute;left:3px;top:3px;width:64px;height:64px;line-height:64px;text-align:center;color:#f83854;background:#fff;border-radius:50%;overflow:hidden;z-index:1;}
.circlePro .num .img{display:block;height:100%;background:url(../images/img_hb_xq.png) no-repeat;background-size:100%;}
.circlePro .num span{display:block;width:100%;height:100%;font-size:15px;letter-spacing:2px;background:#fff;border-radius:50%;overflow:hidden;}
.circlePro .num span em{display:inline-block;font-size:14px;}
.circlePro .num span i{font-size:24px;}
.circleProBox .xqhb_tsk{position:absolute;top:50%;right:94px;margin-top:-20px;padding:0 17px;height:40px;line-height:40px;font-size:15px;color:#fff;background:rgba(0,0,0,.8);border-radius:4px;white-space:nowrap;z-index:101;}
.circleProBox .xqhb_tsk:after{content:'';display:block;position:absolute;right:-8px;top:50%;margin-top:-3px;width:0;height:0;border:4px solid rgba(0,0,0,.8);border-color:transparent transparent transparent rgba(0,0,0,.8);}
.fade{-webkit-animation:fade .5s linear both;animation:fade .5s linear both;-moz-animation:fade .5s linear both;}
.fadeOut{-webkit-animation:fadeOut .5s linear both 3s;animation:fadeOut .5s linear both;-moz-animation:fadeOut .5s linear both 3s;}
/* fade */
@-webkit-keyframes fade {
    0% {opacity:0;width:0;}
    100% {opacity:1;width:184px;}
}
@keyframes fade {
    0% {opacity:0;width:0;}
    100% {opacity:1;width:184px;}
}
/* fadeOut */
@-webkit-keyframes fadeOut {
    0% {opacity:1;}
    100% {opacity:0;display:none;}
}
@keyframes fadeOut {
    0% {opacity:1;}
    100% {opacity:0;display:none;}
}
.delay3000 {
    -webkit-animation-delay:3s;
    animation-delay:3s;
}
.tiaodong{-webkit-animation: tiaodong 1.5s linear both infinite .2s;animation: tiaodong 1.5s linear both infinite .2s;}
@-webkit-keyframes tiaodong {
    0% {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}
    10% {-webkit-transform: scale3d(1.1, 0.9, 1);transform: scale3d(1.1, 0.9, 1);}
    20% {-webkit-transform: scale3d(0.9, 1.1, 1);transform: scale3d(0.9, 1.1, 1);}
    30% {-webkit-transform: scale3d(1.05, 0.94, 1);transform: scale3d(1.05, 0.94, 1);}
    45% {-webkit-transform: scale3d(.98, 1.02, 1);transform: scale3d(.98, 1.02, 1);}
    55% {-webkit-transform: scale3d(1.02, .98, 1);transform: scale3d(1.02, .98, 1);}
    60% {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}
    100% {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}
}
@keyframes tiaodong {
    0% {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}
    10% {-webkit-transform: scale3d(1.1, 0.9, 1);transform: scale3d(1.1, 0.9, 1);}
    20% {-webkit-transform: scale3d(0.9, 1.1, 1);transform: scale3d(0.9, 1.1, 1);}
    30% {-webkit-transform: scale3d(1.05, 0.94, 1);transform: scale3d(1.05, 0.94, 1);}
    45% {-webkit-transform: scale3d(.98, 1.02, 1);transform: scale3d(.98, 1.02, 1);}
    55% {-webkit-transform: scale3d(1.02, .98, 1);transform: scale3d(1.02, .98, 1);}
    60% {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}
    100% {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}
}
