* { touch-action: pan-y; }
.htq-video-view* { touch-action: pan-y; }
html { -webkit-text-size-adjust: 100%; -webkit-touch-callout: none; -webkit-user-select: all; -khtml-user-select: all; -moz-user-select: all; -ms-user-select: all; user-select: all; }
a { text-decoration: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, menu, nav, section, time, mark, audio, video, details, summary { margin: 0; padding: 0; border: 0; font-size: 100%; font-weight: normal; font: inherit; vertical-align: baseline; }
ul, li { list-style-type: none; }
h1, h2, h3, h4 { font-weight: normal; }
em, i { font-style: normal; }
body { background: #f1f1f1; font-size: 17px; margin: 0 auto; max-width: 750px; }
.mui-content { background-color: #f1f1f1; }
.mui-bar-nav { box-shadow: none; }
.mui-btn-blue { background: #0096ff !important; border: 1px #0096ff  solid}
.mui-btn-mini{padding:7px 6px;}
.flex-box { display: -webkit-box; display: -ms-flexbox; display: flex; }
.bg-white { background-color: #fff; }
.openWindow { }
#notask { padding-top: 10rem; padding-bottom: 3rem; }
#notask img { text-align: center; display: block; width: 12rem; margin: 0 auto; }

.hide4{display:none!important}

.msgskin { text-align: center; }
.msgskin .layui-layer-btn { text-align: center; }

.layui-layer-btn .layui-layer-btn0 { border-color: #e7403c !important; background-color: #e7403c !important; font-size: 14px; }
.layui-layer-btn .layui-layer-btn1 { font-size: 14px; }

.layer-msg-moon { height: 28px; overflow: hidden; position: fixed; top: 88px; left: 6px; z-index: 9999; }
.layer-msg-moon .tbcontent { background: rgba(0,0,0,0.7); border-radius: 6px; color: #fff; position: relative; padding: 4px 10px 4px 4px; vertical-align: middle; font-size: 12px; }
.layer-msg-moon .tbcontent img { width: 20px; height: 20px; vertical-align: -6px; display: inline-block; margin-right: 8px; border-radius: 2px; }

.layer-msg-top { height: 28px; overflow: hidden; position: fixed; top: 8px; left: 20%; z-index: 9999; }
.layer-msg-top .tbcontent { background: rgba(0,0,0,0.7); border-radius: 6px; color: #fff; position: relative; padding: 4px 10px 4px 4px; vertical-align: middle; font-size: 12px; }
.layer-msg-top .tbcontent img { width: 20px; height: 20px; vertical-align: -6px; display: inline-block; margin-right: 8px; border-radius: 2px; }

.mui-bar-tab ~ .mui-content { padding-bottom:72px; }
.mui-bar .mui-icon { color: #666; }
.tlogohome { vertical-align: middle; font-size: 16px; font-weight: normal; color: white; font-family:"Microsoft YaHei"; vertical-align: middle; text-align:left;  }
.tlogo { height: 18px; vertical-align: middle; padding-top: 4px; }
.pheight { padding: 5px 0; }
.mui-btn-xs { padding: 2px 5px; font-size: 12px; }
.mui-icon em { color: #111; font-size: 14px; margin-left: 5px; }
.mui-popup { width: 280px !important; }
.mui-popup-button { background: #007aff; color: #fff; }
.mui-popup-text {padding:20px 0 }

.tlogo img { float: left; width: 90px; }
.citycoo a i { color: rgb(200, 200, 200); font-size: 12px; margin-left: 2px; }
.clear { overflow: hidden; clear: both; }
.blank { height: .8rem; overflow: hidden; clear: both; background: #f1f1f1; }
.blankno { height: .8rem; overflow: hidden; clear: both; }
.mui-open-nav { position: relative; border-bottom: 1px #c8c7cc solid; }
.mui-open-nav div { position: absolute; right: 0rem; bottom: 0rem; display: inline-block; width: 15%; height: 3rem; line-height: 3rem; text-align: center; }
.mui-open-nav .ni-nav { position: relative; width: 100%; height: 3rem; background: #fff; -webkit-transition: height .3s ease-in; }
.mui-open-nav .ni-nav ul { height: inherit; font-size: 0; }
.mui-open-nav .ni-nav li { display: inline-block; float: left; padding: 0 10px; height: 3rem; line-height: 2.8rem; text-align: center; }
.mui-open-nav .ni-nav li a { display: block; font-size: 1rem; color: #000; }
.mui-open-nav .ni-nav li a:active { color: #bc1224; border-bottom: 2px #bc1224 solid; }
.mui-open-nav .ni-nav li a.active { color: #bc1224; border-bottom: 2px #bc1224 solid; }
.mui-open-nav .ni-nav-up { height: 3rem; }
.mui-open-nav .ni-nav-down { height: 6rem; }

.htq-bar {max-width: 750px; margin: 0 auto }
.htq-bar .mui-btn-link { color: #fc3f3f; padding-right: 10px; }

.mui-bar-white { background: #f1f1f1 url(/Content/images/bodybg.png) no-repeat left top; border: none; box-shadow: none; }
.mui-bar-white .mui-title{color:#fff}
.mui-bar-white .mui-icon { color: #fff }
.mui-bar span { font-size: 1rem; vertical-align: middle; padding-top: 2px; display: inline-block; color: #fff; }
.mui-action-red.mui-icon { color: #fc3f3f; }
.mui-action-red span { color: #fc3f3f; font-size: 1rem; }
.mui-content-btn { padding: 20px 20px; }
.mui-btn-red { padding: 6px 10px; background: #ff3333; font-size: 15px; border: 1px #ff3333 solid; }
.mui-bar-htq { background: #fff !important; border: none; box-shadow: 0 1px 10px rgba(233,233,233,0.55) !important;max-width:750px;margin:0 auto}
.mui-bar-tab{z-index:9999999;height:70px;}
.mui-bar-tab .mui-tab-item.mui-active { color: #0096ff; }
.mui-bar-tab .mui-tab-item.mui-active .mui-icon { color: #0096ff; }
.mui-bar-tab .mui-tab-item.mui-active .mui-tab-label { color: #0096ff; }
.mui-bar-tab .mui-tab-item .mui-tab-label { color: #333; }
.mui-bar-htq .mui-icon .mui-badge { width: 10px !important; height: 10px !important; }


.nodata { text-align: center; overflow: hidden; background: #f1f1f1 }
.nodata img { height: 200px;margin:0 auto;display:block }
.nodata p { font-size: 1rem; color: #999; }
.nodata .info { font-size: 1.4rem; color: #888; margin-bottom: 5px; }
.nodata .ordering { color: #666; border: 1px #666 solid; font-size: 14px; padding: 5px 10px; margin-top: 20px; border-radius: 4px; display: inline-block; }

.datatitle { height: 44px; line-height: 44px; color: #999; font-size: 1rem; padding-left: 10px; }


.htq-line-nav { background: #fff; height: 44px; line-height: 44px; overflow: hidden; margin-top: 44px; }
.htq-line-nav ul { width: 100%; display: flex; }
.htq-line-nav li { width: 23.6%; text-align: center; float: left; display: block; }
.htq-line-nav li a { color: #333; padding-bottom: 0.2rem; font-size: 16px; }
.htq-line-nav li a.active { border-bottom: 2px #cb1d1d solid; color: #cb1d1d; }

.htq-select-nav { background: #fafafa; height: 4rem; line-height: 4rem; }
.htq-select-nav li { width: 50%; text-align: center; float: left; display: block; }
.htq-select-nav li a { color: #333; padding-bottom: 0.2rem; font-size: 16px; }
.htq-select-nav li a.active { border-bottom: 2px #cb1d1d solid; color: #cb1d1d; }


.focus { width: 100%; height: auto; margin: 0 auto; position: relative; overflow: hidden; background: #000; }
.focus .hd { width: 100%; height: 16px; position: absolute; z-index: 1; bottom: 10px; text-align: center; }
.focus .hd ul { display: inline-block; height: 5px; padding: 3px 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-size: 0; vertical-align: top; }
.focus .hd ul li { display: inline-block; width: 5px; height: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: #8C8C8C; margin: 0 5px; vertical-align: top; overflow: hidden; }
.focus .hd ul .on { background: #cb1d1d; }
.focus .bd { position: relative; z-index: 0; }
.focus .bd li img { width: 100%; height: 180px; background: url(../images/loading.gif) center center no-repeat; display: block; }
.focus .bd li a { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

.product-cduo { text-align: center; background: #fff; width: 100%; box-shadow: 0 5px 12px rgba(0,0,0,0.2); }
.product-cduo span { width: 33%; display: inline-block; margin: 0 auto; text-align: center; padding: 0.7rem 0; font-size: 12px; color: #666; border-radius: 30px; }
.product-cduo span img { width: 22px; display: inline-block; vertical-align: middle; }
.mui-media-product { }
.mui-media-product .mui-table-view-cell { padding: 1.2rem 1.2rem 1.2rem 1.2rem; }
.mui-media-product .mui-media-big { border-radius: 3px; height: 9rem !important; width: 14rem !important; margin-right: 1rem !important; }
.mui-media-product p { margin-top: 3px; font-size: 12px; color: #999; }
.mui-media-product b { font-size: 1.8rem; color: #bc1224; font-weight: 700; }
.mui-media-product s { border-radius: 100%; height: 5rem !important; width: 5rem !important; }
.mui-media-product em { color: #f6949e; padding: 2px 2px; }

.ynlogo{background:#fff;padding:15px 10px; text-align:center}
.ynlogo img{height:20px;;}
/*==== navaget page====*/
.htq-subtitle { background: #fafafa; padding: 15px 15px; font-size: 17px; color: #333; font-weight: 500; border-bottom: 1px #cac9c9 solid; margin-bottom: -1px; }
.htq-subtitle i { background: #bc1224; width: 2px; height: 18px; vertical-align: text-top; display: inline-block; margin-right: 5px; display: none; }
.htq-subtitle .more a { color: #969696; float: right; margin-right: 15px; }
.htq-subtitle .more a i { font-size: 16px; }
.addbtn { padding: 12px 0 !important; background: #cb1d1d !important; }

.tabd { background: #fff; border-bottom: 1px #ededed solid; }
.tabd .mui-control-item { background: #fff !important; text-align: left; font-size: 18px !important; height: 44px !important; line-height: 44px !important; padding-left: 1rem; color: #000 !important; }
.tabd .mui-active { border-bottom: 1px solid #ededed !important; transition: left .5s; color: #000 !important; }
/*==== index page ====*/
@media (max-width:480px) {
    .mui-slider img { height: 160px; }
}

.activities { width: 100%; background: #fff; overflow: hidden; padding: 1rem 0 1rem 1rem; margin-top: 1rem; }
.activities .activity { overflow: hidden; display: inline-block; float: left; width: 46.6%; margin-right: 1rem; height: 100px; padding-top: 10px; box-sizing: border-box; padding-left: .5rem; position: relative; background: #fcf8f6; }
.activities .activity > a { display: inline-block; height: 80px; width: 100%; position: relative; text-align: center; }
.activities .activity .content { position: absolute; top: 50%; -webkit-transform: translateY(-50%); z-index: 4; }
.activities .activity .content .title { font-size: 1.4rem; color: #333; text-align: left; font-weight: 700; width: 100%; margin-bottom: .2rem; }
.activities .activity .content .title i { background: url("../images/hots.png") no-repeat; height: 18px; width: 36px; display: inline-block; vertical-align: middle; margin-left: .1rem; }
.activities .activity .content .sub-title { font-size: 14px; color: #999; text-align: left; }
.activities .activity .img { float: right; width: 60px; position: absolute; bottom: 1rem; right: .6rem; }

.zhinan { background-color: #fdf9f5; background-position: top 0; background-repeat: no-repeat; background-size: 100%; padding: 28% 3% 2.5%; margin-bottom: 2.8%; }
.zhinan .home-design-line { margin-bottom: .2rem; }
.zhinan .mui-input { height: 50px; line-height: 28px !important; }

.product { overflow: hidden; text-align: center; }
.product .item { width: 100%; float: left; min-height: 160px; overflow: hidden; position: relative; }
.product div img { width: 100%; height: 160px; overflow: hidden; vertical-align: middle; border-radius: 3px; }
.product div span { position: absolute; left: 0; bottom: 0; height: 30px; line-height: 30px; background: rgba(0,0,0,.7); display: block; width: 100%; color: white; text-indent: 1.2%; text-align: center; }
figcaption { display: block; }
.product figcaption h1 { display: inline-block; font-size: 22px; text-align: center; line-height: 40px; position: relative; margin-bottom: 0 !important; }
.product figcaption h1:before { position: absolute; content: ""; width: 80px; height: 1px; background: #999; left: -70px; top: 20px; -webkit-transform: scale(0.5); }
.product figcaption h1:after { position: absolute; content: ""; width: 80px; height: 1px; background: #999; right: -70px; top: 20px; -webkit-transform: scale(0.5); }
.product figcaption p { font-size: 1rem; line-height: 16px; margin-bottom: 1rem; }

.index-ask .answer-opera { margin-top: .2px !important; }
.index-ask i { display: inline-block; width: 21px; height: 19px; font-size: 14px; line-height: 21px; text-align: center; margin-right: 6px; background-color: #15b669; border-radius: 4px; color: #fff; }

.index-news .mui-media-object { width: 105px; height: 65px; max-width: 105px; }
.index-news h3 { font-size: 17px; }
.index-news h5 { font-size: 12px; }
.index-news h5 span { float: right; }
/*:::::::::::::::::::::::::::renzheng  ::::::::::::*/

.rz-one { background: #f0f0f0; padding-bottom: 50px; }
.rz-one .aitem img { width: 100%; display: block; }
.rz-one .bitem { background: url("../images/icon-rz-2.png") no-repeat; background-size: 100% 100%; position: relative; }
.rz-one .bitem span { text-align: center; display: block; width: 12rem; margin: 0 auto; font-weight: 500; font-size: 1.2rem; color: #999; }

.rz-shenhe { height: 7rem; width: 100%; background: #808aa6; border-top: 1px solid #808aa6; }
.rz-shenhe .item { margin: 0 auto; padding-left: 2.5rem; display: flex; margin-top: 1rem; }
.rz-shenhe .pmg { width: 5rem; height: 5rem; border-radius: 100%; }
.rz-shenhe .into { margin-left: 1rem; text-align: left; }
.rz-shenhe .into p { color: #fff; font-size: 1.2rem; margin-bottom: 0; line-height: 1.5; }

.rz-charp { }
.rz-charp img { width: 100%; display: block; }

.rz-basicbox { width: 100%; overflow: hidden; padding-bottom: 0.5rem; background: #fff; margin-top: 15px; }
.rztitle { height: 2.5rem; width: 15rem; background: #f7827f; border-radius: 0 0 20px 0; color: #fff; margin-top: 1.5rem; margin-bottom: 1.5rem; }
.rztitle img { height: 2.5rem; display: inline-block; vertical-align: middle; }
.rztitle b { display: inline-block; padding-left: 10px; vertical-align: middle; font-size: 1.3rem; }
.reconn1 { margin: 0 auto; line-height: 1.5; font-size: 1.2rem !important; color: #666; padding: 0 1.8rem; }
.reconn1 p { font-size: 1.2rem; }
.reconn1 div { font-size: 1.2rem; }
.reconn1 img { width: 100%; display: block; }

.rz-listbox { margin: 1rem 1.5rem; }
.rz-listbox li { overflow: hidden; display: flex; }
.rz-listbox li span { display: block; text-indent: 1rem; font-size: 1.2rem; line-height: 3rem; color: #333; }
.rz-listbox .listlet { width: 30%; float: left; }
.rz-listbox .listright { width: 70%; float: right; }
.rz-listbox2 { margin: 1rem 1.5rem; }
.rz-listbox2 li { display: block; width: 100%; background: #f5f5f5; border-bottom: 2px #fff solid; height: 3.3rem; padding-top: 0.85rem; }
.rz-listbox2 li em { vertical-align: middle; padding: 0 1.5rem; font-size: 1.2rem; }
.rz-listbox2 li span { overflow: hidden; }
.rz-listbox2 li span img { height: 1.35rem; }

.listimg { margin: 1rem 1.5rem; }
.listimg .gallery-item { position: relative; }
.listimg .gallery-item img.pic2 { width: 100%; height: auto; display: block; }
.listimg .gallery-item img { width: 100%; }
.listimg .bigimg { height: 1rem; position: absolute; right: 1rem; bottom: 1.2rem; z-index: 10; }
.listimg .bname { width: 100%; height: 4rem; line-height: 4rem; margin-top: 1rem; background: #eeeeee; font-size: 1.5rem; color: #666; text-align: center; }
.listimg .resualt { width: 100%; line-height: 20px; margin-top: 1rem; background: #f5f5f6; font-size: 1.2rem; color: #999; padding: 1rem 0.5rem; text-align: center; }
.listimg .resualt em { color: #f01111; }

.rz-signe { height: 6rem; margin-top: 5rem; float: right; position: relative; margin-right: 20px; }
.rz-signe p { line-height: 1.2rem; font-size: 1.2rem; }
.rz-signe .posiImg { width: 8.5rem; position: absolute; top: -2.5rem; right: 1rem; }
.rz-ilogo { display: block; text-align: center; overflow: hidden; width: 100%; }
.rz-ilogo img { display: block; margin: 0 auto; padding: 5rem 0 3rem 0; }
/*====ask page ====*/
.askbanner img { width: 100%; height: auto; display: block; }

.answer-search { padding: .6rem; background: #bc1224; }
.answer-search .answer-search-box { position: relative; border-radius: .2rem; background-color: #fff; opacity: .9; }
.answer-search i { position: absolute; left: 5px; top: .4rem; }
.answer-search .inputtxt { width: 100%; border: none; display: block; padding: .5rem 0 .5rem 35px; color: #787c80; }

.answer-icons { display: inline-block; vertical-align: middle; background: url("../images/askiocn.png") no-repeat; background-position-x: 0%; background-position-y: 0%; background-size: auto auto; background-size: 65px 40px; }
.answer-main { }
.answer-main .answer-ul li { padding: 1rem 1rem; background-color: #fff; margin-bottom: .6rem; }
.answer-main .top { }
.answer-main .top .title { margin-bottom: .5rem; font-size: 1rem; vertical-align: middle; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.answer-main .top .title a { color: #17181a; font-size: 1rem; font-weight: 700; white-space: nowrap; overflow: hidden; }
.answer-main .top .title i { display: inline-block; width: 21px; height: 19px; font-size: 14px; line-height: 21px; text-align: center; margin-right: 6px; background-color: #15b669; border-radius: 4px; color: #fff; }
.answer-main .top .dividing-line { margin: 0 .5rem; }
.answer-main .reply-type { font-size: .8rem; color: #787c80; }
.answer-main .reply-type a { color: #787c80; }
.answer-main .bottom { padding-top: .2rem; }
.answer-main .info { line-height: 1.5; font-size: 1rem; }
.answer-main .info a { color: #333; }
.answer-main .common-icon { position: absolute; left: 0; top: 2px; width: 1.5rem; height: 1.5rem; line-height: 1.5rem; text-align: center; font-size: 1rem; background-color: #ff5353; color: #fff; }
.answer-main .answer-icon { background-color: #ff5353; }
.answer-opera { margin-top: .85rem; }
.answer-opera .img { margin-top: .2rem; margin-right: .2rem; }
.answer-opera img { display: block; width: 1.2rem; height: 1.2rem; border-radius: 50%; vertical-align: middle; }
.answer-operation { line-height: 1.75rem; font-size: .9rem; color: #787c80; width: 100%; }
.answer-operation .praise { margin: 0 1.3rem 0 0; }
.answer-operation span { display: inline-block; }
.answer-operation .datetime { float: right; text-align: right; }

.answer-detail .question-top { padding: 1rem .8rem; }
.answer-detail .question-top .tit { margin-top: .5rem; font-size: 1rem; color: #17181a; }
.answer-detail .question-top .tit i { display: inline-block; width: 21px; height: 19px; font-size: 14px; line-height: 21px; text-align: center; margin-right: 6px; background-color: #15b669; border-radius: 4px; color: #fff; }
.answer-detail .answer-describe i.coc { background-color: #f60; display: inline-block; width: 40px; height: 20px; font-size: 14px; line-height: 21px; text-align: center; margin-right: 6px; border-radius: 4px; color: #fff; }
.answer-detail .infoed { line-height: 1.5; font-size: 1rem; color: #333; }
.answer-detail .infoed p { line-height: 1.5; font-size: 1rem; color: #333; }
.answer-detail .datetime { float: right; }
.answer-detail .supplement-info { margin-top: .75rem; line-height: 1.5; font-size: 1rem; color: #787c80; }
.answer-detail .supplement-img { margin-top: 1.25rem; }
.answer-detail .answer-ul li { position: relative; margin-top: 1rem; }
.answer-detail .answer-ul li::before { content: ""; position: absolute; left: 50%; top: -10px; margin-left: -6px; width: 0; height: 0; border-right: 10px solid transparent; border-left: 10px solid transparent; border-bottom: 12px solid #fff; }

.relation-answer-ul { padding: 1rem; margin-bottom: .4rem; background: #fff; }
.relation-answer-ul li { line-height: 2rem; }
.relation-answer-ul .tit { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding-right: 2rem; font-size: 1rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.relation-answer-ul .tit a { color: #17181a; }
.relation-answer-ul .reply-nums { font-size: .8rem; color: #959595; }

.relation-experience-ul { padding: 1rem; background: #fff; }
.relation-experience-ul li { margin-bottom: 1.5rem; border-bottom: 1px #ddd solid; }
.relation-experience-ul .img { width: 6.65rem; height: 4rem; margin-right: .5rem; }
.relation-experience-ul .tit { float: left; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; line-height: 4rem; font-size: 1rem; color: #17181a; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.relation-experience-ul p { float: left; }

/*==== prices ====*/
.top-float-box { position: fixed; top: 0; z-index: 38; width: 100%; background: #3c3c3c !important; }
.top-float-box a { position: relative; display: block; height: 50px; float: left; }
.top-float-box .float-region-bg { display: block; width: 100%; height: 50px; }
.top-float-box .float-region-price { position: absolute; height: 26px; top: 12px; left: 7%; width: 23%; }

.yusuan { position: relative; margin-bottom: 8px; color: #999; text-align: center; }
.yusuan:before { left: 28px; }
.yusuan:after { right: 28px; }
.yusuan:before, .yusuan:after { position: absolute; top: 8px; width: 21%; height: 1px; content: ' '; border-top: 1px solid #E3E3E3; }

.zhinans .mui-input { height: 50px; line-height: 28px !important; }
.zhinans .htq-select { height: 50px; line-height: 50px !important; }
.zhinans .mui-select:before { top: 15px !important; }

.carex-hd { padding: 1rem 1rem .3rem 1rem; text-align: center; }
.carex-hd h2 { color: #fff; font-size: 1.6rem; font-weight: 700; }
.carex-hd h2 b { font-size: 1.6rem; }

.carex-fd { padding: 2rem; color: #fff; text-align: center; }
.carex-fd h2 { font-size: 2rem; margin-bottom: 20px; }
.carex-fd h3 { font-size: 1rem; font-weight: normal; margin-bottom: 20px; }
.carex-fd h4 { font-size: 1rem; font-weight: normal; }
.carex-fd img { width: 120px; }

.result-queson { height: 80px; width: 100%; display: block; border-radius: 4px; border: 1px solid #e7e7e7; border-top: 0; margin-top: -15px; padding: 10px; margin-bottom: .8rem; }
.result-queson ul { padding-top: 10px; padding-bottom: 10px; }
.result-queson ul li { line-height: 28px; white-space: nowrap; }
.result-queson ul li span { margin-right: 20px; color: #666; }
.result-queson ul li span em { font-weight: bold; color: #666; }

.tprice { position: relative; height: 72px; margin: 0 auto; border: 6px solid #D2D1D1; border-radius: 4px; }
.tprice .yuan { position: absolute; width: 16px; height: 16px; line-height: 16px; right: 12px; bottom: 6px; }
.tprice .num-window { width: 100%; height: 100%; height: 60px; padding-right: 28px; padding-top: 5px; border-radius: 4px; border-top: 2px solid #3D3C30; border-bottom: 2px solid #6C6B60; border-left: 3px solid #3D3C30; border-right: 3px solid #3D3C30; background-color: #D3D3CB; box-shadow: 0px 1px 5px 1px #ABABA5 inset; }
.tprice .num-window div { float: right; width: 24px; height: 48px; margin: 0 1px; }
.tprice .num-window div img { width: 100%; }

.mui-control-itemed { width: 33.3%; height: 40px; line-height: 40px; background: #fff; display: inline-block; text-align: center; color: #333; }
.mui-control-itemed.mui-active { background: #ea454e; color: #fff; }
.mui-control-itemed:active { color: #ce2630; }


.pptitle { overflow: hidden; height: 15%; text-align: center; background-image: url(../images/bg02.jpg); background-size: cover; background-repeat: no-repeat; }
.pptitle h1 { background: #f1ef26; font-size: 2em; font-weight: 700; border-radius: 100%; width: 60px; height: 60px; line-height: 60px; text-align: center; color: #333; margin: 0 auto; margin-top: 30px; }
.pptitle p { margin-top: 20px; font-size: 1.5rem; color: #fff; margin-bottom: 20px; }



@media screen and (min-width: 750px) {
    html, body { font-size: 20px !important; }
}

/*==== select ====*/
.htq-select { border: 1px solid #CCCCCC !important; padding-left: 1rem !important; color: #999 !important; }
/*==== jiu gong ge ====*/
.htq-mui-squared { background: #fff !important; margin: 10px; }
.htq-mui-squared .mui-table-view-cell { border: 0 !important; }
.htq-mui-squared .mui-icon-htq img { border-radius: 10%; display: block; height: 50px; margin: 0 auto; text-align: center; width: 50px; }
/*==== list page====*/

.mui-table-view::after { background-color: #fff; }
.mui-table-view::before { background-color: #fff; }
.mui-media-big .mui-media-big { width: 90px; height: 70px; margin-right: 10px; border-radius: 4px; }
.mui-media-big h3 { font-weight: normal; white-space: normal; font-size: 1rem; height: 3.8rem; line-height: 1.3; }

.mui-media-view h4 { font-weight: normal; }
.mui-media-view h5 span { padding-right: 1rem; }
/*==== view page====*/
.product-video { height: 20rem; background-color: #000; }
.product-info { padding: 12px 18px 5px 18px; }
.product-info .title { color: #333; font-size: 1.8rem; font-weight: 700; line-height: 1.5; }

.protab { background: #fff; }
.protab .mui-segmented-control { width: 100% !important;border: 0;border-radius:0; z-index: 99999; }
.protab .mui-segmented-control .mui-control-item { background: #fafafa; color: #333; font-size: 12px; border:0}
.protab .mui-segmented-control .mui-control-item.mui-active { color: #007aff; background-color: #fff; }
.protab .mui-control-content { padding-bottom: 60px; }

.product-zixun { position: relative; padding: 0 1.4rem 1rem 1.4rem; margin-top: 0.5rem; }
.product-zixun button { background: #e7403c; position: absolute; right: 2rem; top: 0.2rem; border: none; color: #fff; padding: 10px 15px 8px 15px; border-radius: 4px; font-size: 1.6rem; }
.product-zixun p { margin-bottom: 0.5rem; }
.product-zixun p em { color: #e7403c; font-size: 1.6rem; }
.product-zixun p img { width: 1.8rem; height: 1.8rem; display: inline-block; vertical-align: middle; margin-right: 0.2rem; }
.product-zixun p span { color: #999; font-size: 2rem; margin-left: 10px; }
.product-zixun .times { font-size: 1.2rem; color: #999; }
.product-zixun .times b { display: inline-block; font-size: 1.2rem; background: url("/content/images/icon-pro-2.png") no-repeat; background-size: 100% 100%; width: 1.6rem; height: 1.35rem; line-height: 1.55rem; vertical-align: middle; text-align: center; color: #fff; margin: 0 0.2rem; font-weight: normal; }

.product-renz { margin: 0 1.4rem; border-top: 1px #e2e2e2 solid; padding: 1rem 0; margin-top: 1rem; font-size: 1.2rem; color: #666; }
.product-renz img { width: 7.1rem; display: inline-block; vertical-align: -8px; margin-right: 0.5rem; }

.product-ted { padding: 1.25rem 1.4rem 0.5rem 1.4rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #999; font-size: 1.5rem; }
.product-ted span { color: #666; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }


.product-card { background: url("/content/images/icon-pro-4.png") repeat; border-radius: 10px; margin: 0 1.4rem 1.4rem 1.4rem; padding: 10px; }
.product-card .card-box { background: #fff; overflow: hidden; padding: 0.5rem 15px 1rem 15px; }
.product-card .cinfo { color: #666; border-bottom: 1px #e2e2e2 dashed; min-height: 3rem; line-height: 2rem; padding: 0.5rem 0; font-size: 1.2rem; margin-bottom: 0; }
.product-card .cinfo span { width: 50%; display: inline-block; white-space: nowrap; }
.product-card .cinfo i { color: #999; }
.product-card .tabgs { position: relative; margin-top: 1rem; float: left; width: 100%; }
.product-card .tabgs .liness { border-top: 1px #e2e2e2 solid; display: inline-block; height: 1rem; width: 100%; }
.product-card .tabgs h3 { color: #e7403c; text-align: center; position: absolute; top: -0.7rem; display: block; width: 100%; font-size: 1.5rem; }
.product-card .tabgs h3 span { display: block; text-align: center; background: #fff; width: 8rem; margin: 0 auto; font-weight: 700; }
.product-card .tabgs .itee { margin-left: -10px; margin-top:10px;}
.product-card .tabgs em { border: 1PX #E2E2E2 solid; color: #666; border-radius: 20px; padding: 0.2rem 1rem 0.1rem 1rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; float: left; font-size: 1.2rem; margin-bottom: 10px; margin-left: 10px; }
.product-card .nuo { width: 100%; display: flex; padding-top: 1rem; border-top: 1px #e2e2e2 solid; }
.product-card .nuo .item { display: flex; justify-content: space-around; align-items: center; }
.product-card .nuo .nimg img { width: 6.9rem; padding-top: 1px; }
.product-card .nuo .bodys { display: inline-block; padding-left: 10px; font-size: 1.2rem; line-height: 1.5; color: #999; }
.product-card .nuo .bodys a { color: #e7403c; text-decoration: underline; }
.product-card .nuo .bodys em { color: #e7403c; padding-left: 5px; }
.product-card .nuo .bodys em img { width: 14px; padding-right: 3px; vertical-align: -2px; }

.pintitle { padding: 10px; }
.pintitle h3 { font-size: 15px; font-weight: 500; color: #333; }
.pintitle b { font-weight: 700; }
.pintitle span { float: right; font-size: 14px; color: #999; }

.product-pin .item { display: flex; justify-content: space-between; position: relative; padding: 10px 20px 10px 20px; }
.product-pin .item:before { content: ""; position: absolute; left: 0; top: 0; right: 0; background-color: #f5f5f5; height: 1px; }
.product-pin .item .zuo { vertical-align: middle; display: block; font-size: 14px; }
.product-pin .item .zuo img { width: 42px; height: 42px; border-radius: 100%; display: inline-block; vertical-align: middle; margin-right: 10px; }
.product-pin .item .you { float: right; }
.product-pin .item dl { margin-top: 5px; }
.product-pin .item dl dt { float: left; margin-right: 15px; }
.product-pin .item dl dd { float: left; }
.product-pin .item dl span { display: block; font-size: 11px; color: #999; margin-top: -5px; }
.product-pin .item dl b { display: block; font-size: 14px; }
.product-pin .item dl b i { color: #e7403c; }
.product-pin .item dl button { background: #e7403c; color: #fff; height: 31px; width: 60px; text-align: center; border: 0; }

/*pindan*/
.pinpopup { position: fixed; top: 100%; bottom: 0; left: 0; right: 0; z-index: 110; background-color: rgba(0,0,0,.7); }
.pinpopup p { margin-bottom: 0; }

.pinpopup .main { position: absolute; -webkit-transform: translate3d(0,495px,0); transform: translate3d(0,495px,0); -webkit-transition: -webkit-transform .2s cubic-bezier(0,0,.25,1); transition: -webkit-transform .2s cubic-bezier(0,0,.25,1); transition: transform .2s cubic-bezier(0,0,.25,1); transition: transform .2s cubic-bezier(0,0,.25,1),-webkit-transform .2s cubic-bezier(0,0,.25,1); bottom: 0; width: 100%; min-height: 375px; max-height: 475px; background-color: #fff; }
.pinpopup .header { height: 70px; padding: 0 0 10px 120px; background-color: #fff; position: relative; line-height: 46px; font-size: 16px; color: #333; }
.pinpopup .header .img { position: absolute; left: 10px; top: -20px; border-radius: 4px; width: 100px; height: 80px; }
.pinpopup .header .price { display: inline-block; height: 40px; line-height: 40px; color: #e4393c; font-size: 10px; }
.pinpopup .header .prop { word-break: break-all; font-size: 12px; color: #333; line-height: 1.4em; padding-right: 10px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.pinpopup .header .pclose { position: absolute; top: 10px; right: 10px; width: 17px; height: 17px; }

.pinpopup .hbody { box-sizing: border-box; max-height: 379px; padding-bottom: 100px; max-height: 429px; overflow: auto; }
.pinpopup .kind { font-size: 14px; color: #333; margin: 0 10px; height: 33px; line-height: 33px; }
.pinpopup .choose { overflow: hidden; margin-bottom: -5px; }
.pinpopup .choose .item { display: inline-block; padding: 0 15px; min-width: 20px; font-size: 14px; overflow: hidden; height: 25px; line-height: 25px; float: left; text-align: center; margin-left: 10px; margin-bottom: 10px; border-radius: 3px; color: #333; background-color: #f3f2f8; }
.pinpopup .choose .item.active { background-color: #e4393c; color: #fff; }

.pinpopup .count_choose { padding: 10px 10px 0; font-size: 12px; }
.pinpopup .count_choose .num_wrap_v2 { display: flex; position: relative; z-index: 0; width: 110px; float: right; vertical-align: middle; }
.pinpopup .count_choose .count { color: #333; height: 31px; line-height: 31px; }
.pinpopup .count_choose .minus { border-top-left-radius: 3px; border-bottom-left-radius: 3px; }
.pinpopup .count_choose .text_wrap, .pinpopup .count_choose span { display: block; width: 100%; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; }
.pinpopup .count_choose span { position: relative; max-width: 30px; min-width: 30px; height: 30px; line-height: 30px; background: #f3f2f8; text-align: center; }
.pinpopup .count_choose .text_wrap { position: relative; z-index: 0; }
.pinpopup .count_choose .text_wrap:before { border-color: #ccc; content: ""; height: 0; display: block; border-top: 1px solid #ddd; position: absolute; left: 0; right: 0; top: 0; }
.pinpopup .count_choose .text_wrap:after { border-color: #ccc; content: ""; height: 0; display: block; border-bottom: 1px solid #ddd; position: absolute; left: 0; right: 0; bottom: 0; }

.pinpopup .count_choose .text { height: 30px; width: 100%; color: #333; background: #fff; font-size: 12px; text-align: center; margin-bottom: 0; border: 0; }
.pinpopup .count_choose .plus { border-top-right-radius: 3px; border-bottom-right-radius: 3px; }
.pinpopup .count_choose span .row { border-radius: 20px; position: absolute; top: 50%; left: 50%; margin-left: -7px; margin-top: -1px; width: 14px; height: 2px; background-color: #666; }
.pinpopup .count_choose span .col { border-radius: 20px; position: absolute; top: 50%; left: 50%; margin-left: -1px; margin-top: -7px; width: 2px; height: 14px; background-color: #666; }
.pinpopup .count_choose span:after { content: ""; display: block; border: 1px solid #ddd; position: absolute; top: 0; bottom: 0; left: 0; right: 0; pointer-events: none; }
.pinpopup .btns { position: absolute; bottom: 0; width: 100%; }
.pinpopup .btns .button { height: 50px; line-height: 50px; color: #fff; font-size: 16px; text-align: center; background-color: #e4393c; }
.show { top: 0; }
.show.pinpopup .main { position: absolute; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }

/*pindan*/

.pintop { margin-bottom: 1rem; }
.proinfo { display: flex; justify-content: space-around; padding: 1rem; background: #fff; }
.proinfo .itemimg { float: left; }
.proinfo .itemimg img { width: 110px; height: 80px; margin-right: 10px; display: block; border-radius: 3px; }
.proinfo .iteminfo h3 { font-size: 16px; line-height: 1.5; }
.proinfo .iteminfo p { font-size: 16px; line-height: 1.5; color: #999; }
.proinfo .iteminfo p span { font-size: 22px; line-height: 1.5; color: #ff0909; font-weight: 700; }

.pintop .hbody { box-sizing: border-box; max-height: 429px; overflow: auto; background: #fff; }
.pintop .kind { font-size: 14px; color: #333; margin: 0 1rem; height: 33px; line-height: 33px; }
.pintop .choose { overflow: hidden; margin-top: 0.5rem; }
.pintop .choose .item { display: inline-block; padding: 0 10px; font-size: 14px; overflow: hidden; height: 25px; line-height: 25px; float: left; text-align: center; margin-left: 1rem; margin-bottom: 1rem; border-radius: 3px; color: #333; background-color: #f3f2f8; }
.pintop .choose .item.active { background-color: #e4393c; color: #fff; }

.pintop .count_choose { padding: 0 1rem 1rem 1rem; font-size: 12px; }
.pintop .count_choose .num_wrap { display: flex; position: relative; z-index: 0; width: 110px; float: right; vertical-align: middle; }
.pintop .count_choose .count { color: #333; height: 31px; line-height: 31px; }
.pintop .count_choose .minus { border-top-left-radius: 3px; border-bottom-left-radius: 3px; }
.pintop .count_choose .text_wrap, .pinpopup .count_choose span { display: block; width: 100%; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; }
.pintop .count_choose span { position: relative; max-width: 30px; min-width: 30px; height: 30px; line-height: 30px; background: #f3f2f8; text-align: center; }
.pintop .count_choose .text_wrap { position: relative; z-index: 0; }
.pintop .count_choose .text_wrap:before { border-color: #ccc; content: ""; height: 0; display: block; border-top: 1px solid #ddd; position: absolute; left: 0; right: 0; top: 0; }
.pintop .count_choose .text_wrap:after { border-color: #ccc; content: ""; height: 0; display: block; border-bottom: 1px solid #ddd; position: absolute; left: 0; right: 0; bottom: 0; }

.pintop .count_choose .text { height: 30px; width: 100%; color: #333; background: #fff; font-size: 12px; text-align: center; margin-bottom: 0; border: 0; }
.pintop .count_choose .plus { border-top-right-radius: 3px; border-bottom-right-radius: 3px; }
.pintop .count_choose span .row { border-radius: 20px; position: absolute; top: 50%; left: 50%; margin-left: -7px; margin-top: -1px; width: 14px; height: 2px; background-color: #666; }
.pintop .count_choose span .col { border-radius: 20px; position: absolute; top: 50%; left: 50%; margin-left: -1px; margin-top: -7px; width: 2px; height: 14px; background-color: #666; }
.pintop .count_choose span:after { content: ""; display: block; border: 1px solid #ddd; position: absolute; top: 0; bottom: 0; left: 0; right: 0; pointer-events: none; }

.qingyu { background: #fff; margin-top: 1rem; padding: 1rem; }
.qingyu h3 { font-weight: 700; color: #555; font-size: 16px; }
.qingyu img { display: block; width: 100%; }
.pinmsg { margin-top: 1rem; background: #fff; padding: 1.5rem 1.5rem 8rem 1.5rem; }
.pinmsg .tipss { font-size: 16px; color: #999; margin-bottom: 10px; }
.pinmsg .tipss i { color: #e4393c; font-weight: 700; }
.pinmsg ul li { height: 40px; border: 1px solid #c0c5cb; margin-bottom: 15px; font-size: 0.6rem; border-radius: 4px; display: flex; }
.pinmsg ul li p { line-height: 40px; font-size: 14px; font-size: 0.62rem; overflow: hidden; margin-bottom: 0; width: 100%; }
.pinmsg ul li p .licon { float: left; width: 42px; height: 40px; }
.pinmsg ul li .input { float: left; border: none; outline: none; padding: 0; margin: 0; font-size: 14px; margin-top: 3px; height: 36px; border: none; text-indent: 1rem; }
.pinmsg .weixin p { margin-bottom: 20px; font-size: 16px; }
.pinmsg .weixin span { border: 1px #ffcc33 dotted; border-radius: 3px; padding: 10px 20px; font-size: 16px; margin-right: 10px; color: #111; display: inline-block; }
.pinmsg .btncode { border-radius: 15px; font-size: 12px; text-align: center; width: 27% !important; background: #fff; color: #fc3f3f; border: 1px #fc3f3f solid; vertical-align: middle; padding: 4px 5px; cursor: pointer; }
.pinmsg .btncode:hover { color: #fff; background: #fc3f3f; border: 1px #fc3f3f solid; }

.pinresult { margin: 6rem 3rem; padding: 2rem; background: #fff; border-radius: 6px; }
.pinresult h2 { font-size: 1.75rem; font-weight: 700; color: #333; text-align: center; }
.pinresult h2 em { color: #ff0000; }
.pinresult h3 { font-size: 1.3rem; font-weight: 500; color: #666; line-height: 1.5; margin: 1rem; }
.pinresult .rinfo { border: 1px #ff0000 dashed; padding: 1rem; border-radius: 4px; font-size: 1.3rem; margin-bottom: 1.5rem; color: #666; line-height: 1.5; }
.pinresult p { font-size: 1.25rem; font-weight: 500; color: #888; margin-bottom: 0.5rem; }
.pinresult p em { color: #ff0000; }
.pinresult .rlink { background: #e7403c; border: 1px #e7403c solid; padding: 0.75rem 1rem; border-radius: 4px; font-size: 1.3rem; text-align: center; color: #fff; display: block; margin-top: 2rem; }
.pinresult .rlink2 { border: 1px #ff0000 solid; padding: 0.75rem 1rem; border-radius: 4px; font-size: 1.3rem; text-align: center; color: #ff0000; display: block; margin-top: 2rem; }

.sharebox { padding: 2rem;background:#fff;height:100vh;}
.sharebox h2 { font-size: 2rem; font-weight: 700; color: #333; text-align: center; line-height: 1.5; }
.sharebox h3 { font-size: 1.3rem; font-weight: 500; color: #666; line-height: 1.8; text-align: center; }
.sharebox .rinfo { border: 1px #ff0000 dashed; padding: 1rem; border-radius: 4px; font-size: 1.5rem; margin-top: 1.5rem; margin-bottom: 1.5rem; color: #666; line-height: 1.5; }
.sharebox p { font-size: 1.45rem; font-weight: 500; color: #888; margin-bottom: 0.5rem; }
.sharebox p em { color: #ff0000; }
.sharebox .rlink { background: #e7403c; border: 1px #e7403c solid; padding: 0.75rem 1rem; border-radius: 4px; font-size: 1.5rem; text-align: center; color: #fff; display: block; margin-top: 2rem; }
.sharebox .rlink2 { border: 1px #ff0000 solid; padding: 0.75rem 1rem; border-radius: 4px; font-size: 1.5rem; text-align: center; color: #ff0000; display: block; margin-top: 2rem; }

/*.layui-layer-setwin .layui-layer-close2{top:-10px!important; right:-10px!important;}*/

@media screen and (max-width: 1100px) {
    .layui-layer-iframe.layui-layer-nobg { overflow-y: visible !important; border-radius:6px !important; }
}
/**/

.product-chtitle { background: #eeeeee; text-align: center; padding: 1.2rem 2rem; position: relative; }
.product-chtitle .prices { color: #333; font-size: 1.8rem; font-weight: 700; }
.product-chtitle .prices b { color: #e7403c; font-size: 1.8rem; }
.product-chtitle .prices s { color: #999; font-size: 1.8rem; vertical-align: middle; margin-left: 10px; font-weight: 500; }
.product-chtitle .deta { color: #333; font-weight: 500; position: absolute; top: 20px; left: 33%; display: block; text-align: center; }
.product-chtitle .deta img { width: 1.2rem; margin-right: 3px; vertical-align: -3px; }
.product-chtitle .deta span { display: block; text-align: center; width: 8rem; background: #eeeeee; margin: 0 auto; font-size: 1.5rem; }
.product-chtitle .liness { border-bottom: 1px #e2e2e2 solid; display: inline-block; height: 20px; width: 100%; margin-bottom: 12px; }

.product-prices { padding: 18px; overflow: hidden; }
.product-prices p { float: left; display: block; width: 100%; border-bottom: 1px #e2e2e2 solid; padding: 12px 0; margin-bottom: 0; font-size: 1.5rem; }
.product-prices p span { float: left; color: #333; }
.product-prices p span img { display: inline-block; width: 1.5rem; vertical-align: middle; margin-right: 5px; }
.product-prices p em { float: right; color: #666; }
.product-prices p:last-child { border: 0; }

.showShen { margin: 0 auto; background: url("/content/images/icon-pro-zs.png") no-repeat; background-size: 100% 100%; overflow: hidden; margin-top: 2rem; margin-bottom: 2rem; }
.zhang { position: absolute; right: 2.5rem; top: 1.5rem; transform: rotate(20deg); -moz-transform: rotate(20deg); -webkit-transform: rotate(20deg); -o-transform: rotate(20deg); }
.zhang img { width: 8.5rem; height: 8.5rem; }

.inshowShen { padding: 3rem 6rem; margin: 0 auto; position: relative; }
.inshowShen h2 { font-size: 1.8rem; color: #ae9342; font-weight: bold; display: block; width: 100%; margin-top: 1rem; text-align: center; }
.inshowShen .timed { text-align: center; margin-top: 1rem; font-size: 1.2rem; }
.inshowShen .userinfo { overflow: hidden; margin: 0 auto; margin-top: 2rem; position: relative; height: 6rem; }
.inshowShen .userinfo span { position: absolute; right: 0.2rem; top: 2rem; width: 7rem; width: 7rem; height: 2.75rem; line-height: 2.75rem; border: 1px solid #e53f40; text-align: center; border-radius: 4px; color: #e53f40; font-size: 1.2rem; }
.inshowShen .userinfo img { float: left; width: 6rem; height: 6rem; margin-right: 0.75rem; }
.inshowShen .userinfo .umedia p { margin-bottom: 0; }
.inshowShen .userinfo .umedia .ren { font-size: 1.5rem; color: #000; margin-top: 1.5rem; line-height: 1.5; }
.inshowShen .userinfo .umedia .touxian { font-size: 1.2rem; color: #999; }
.inshowShen .pass { height: 3rem; font-size: 1.5rem; margin: 0 auto; margin-top: 2rem; border-bottom: 1px solid #ece7de; }

.inshowShen .itemlist { margin: 0 auto; }
.inshowShen .itemlist p { padding: 1.5rem; font-size: 1.5rem; color: #666; padding-left: 1.5rem; border-bottom: 1px solid #ece7de; margin: 0; text-align: left; position: relative; }
.inshowShen .itemlist p:nth-child(1) { background: url(../images/icon-pro-d1.png) no-repeat left center; background-size: auto 1.2rem; }
.inshowShen .itemlist p:nth-child(2) { background: url(../images/icon-pro-d2.png) no-repeat left center; background-size: auto 1.2rem; }
.inshowShen .itemlist p:nth-child(3) { background: url(../images/icon-pro-d3.png) no-repeat left center; background-size: auto 1.2rem; }
.inshowShen .itemlist p span { float: right; margin-right: 1.075rem; }
.inshowShen .itemlist p .one { position: absolute; right: 0; margin: 0 !important; }
.inshowShen .itemlist p .one img { width: 1.7rem; }
.inshowShen .dianpin .dtt { display: block; vertical-align: middle; margin-top: 1rem; height: 3rem; line-height: 2.7rem; margin-bottom: 0.5rem; }
.inshowShen .dianpin .dtt img { width: 2.7rem; float: left; }
.inshowShen .dianpin .dtt span { display: inline-block; margin-left: 10px; }

.inshowShen .dianpin .iteminfo { background: #f6f4f0; padding: 1.5rem 1rem 1.5rem 1rem; }
.inshowShen .dianpin .iteminfo p { padding-left: 1rem; margin-bottom: 0.5rem; font-size: 1.5rem; }
.inshowShen .dianpin .iteminfo p:first-child em { float: left; display: block; height: 9rem; }
.inshowShen .dianpin .iteminfo p:last-child em { float: right; padding-right: 1rem; }
.inshowShen .dianpin .iteminfo p span { padding-left: 1rem; }

.inshowShen .addMore { height: 6rem; line-height: 6rem; width: 100%; }
.inshowShen .addMore a { display: block; width: 12.35rem; margin: 0 auto; height: 100%; color: #333333; text-align: center; font-size: 1.5rem; }

.product-first { background: #fff; position:relative}
.product-conn { font-size: 17px; color: #333; line-height: 31px; padding: 1rem; background: #fff; }
.product-conn div { font-size: 17px; color: #333; line-height: 31px; padding: 0 1rem; }
.product-conn p { font-size: 17px; color: #333; line-height: 31px; margin-bottom: 0; }
.product-conn img { height: auto !important; width: 100% !important; display: block; }
.product-conn video { width: 100% !important; height: auto !important; }

.product-first .playgray { position: absolute; top: 0; left: 0; height: 30px; background: rgba(0,0,0,0.8); width: 100%; border-radius: 0 0 6px 6px }
.product-first .playgray p { text-align: center; color: #e7403c; line-height: 34px; }

.product-user .users { display: flex; border-bottom: 1px #ededed solid; padding: 10px 20px 5px 20px; }
.product-user .users:last-child { border-bottom: 1px #fff solid; }
.product-user .detail-user-img { float: left; margin: 10px 1rem 0 0; }
.product-user .detail-user-img img { width: 4rem; height: 4rem; border-radius: 50%; }
.product-user .detail-user-cont { display: inline-block; vertical-align: middle; flex: 1; width: 85%; margin-top: 0.5rem; }
.product-user li { color: #ccc; font-size: 1.5rem; }
.product-user a { color: #666; }
.product-user p { margin-bottom: 5px; color: #333; font-size: 14px; line-height: 1.5; }
.product-user .guanzhu { float: right; color: #999; padding: 0 5px; font-size: 1.5rem; text-align: center; }
.product-user .guanzhu i { font-size: 2rem; vertical-align: top; color: #999; }
.product-user .conns { color: #666; }

.mui-bar-tab.mui-bar-good { background: #fff !important; border: none; box-shadow: 0 1px 10px rgba(233,233,233,0.55) !important; overflow: hidden;max-width:750px;margin:0 auto }
.mui-bar-good a { color: #fff; text-align: center; display: block; overflow: hidden; height:70px !important; overflow: hidden; }
.mui-bar-good div { text-align: center; color: #fff; float: left; height: 70px !important; overflow: hidden; }
.mui-bar-good div img { height: 24px; display: block; margin: 0 auto; }
.mui-bar-good div p { margin-top: 12px; margin-bottom: 0; font-size: 11px; display: block; }
.mui-bar-good div p span { color: #333; margin-top: 0; }
.mui-bar-good .homeing { width: 20%; background: #fff; }
.mui-bar-good .homeing a { color: #666; }
.mui-bar-good .taobao { float: right; font-size: 16px; background: #f07b75; width: 30%; line-height: 70px; }
.mui-bar-good .item { width: 30%; background: #0096ff; text-align: center;}
.mui-bar-good .item span { text-align: center; line-height: 70px; font-size: 16px }
.mui-bar-good .item a { text-align: center; font-size: 16px; }
.mui-bar-good .item a b { text-align: center; display: block; padding-top: 15px; font-weight: 700 }
.mui-bar-good .bgb { background: #03bafc; }
.mui-bar-good .yellow { background: #FEA039; }
.mui-bar-good .item.active span{display:none }
.mui-bar-good .item.active a { display: block }

.mui-bar-pin { background: #fff !important; border: none; box-shadow: 0 1px 10px rgba(233,233,233,0.55) !important; overflow: hidden; }
.mui-bar-pin div { display: inline-block; text-align: center; color: #fff; float: left; height: 70px !important; overflow: hidden; }
.mui-bar-pin .ordera { width: 30%; color: #333; }
.mui-bar-pin .orderb { width: 35%; background: #f07b75; }
.mui-bar-pin .orderc { width: 35%; background: #f07b75; }
.mui-bar-pin em { color: #fff; font-size: 12px; padding-top: 5px; display: block; }
.mui-bar-pin span { color: #fff; font-size: 14px; margin-top: 0; }

.mui-bar-red { background: #fff !important; border: none; box-shadow: 0 1px 10px rgba(233,233,233,0.55) !important; overflow: hidden; }
.mui-bar-red div { display: inline-block; text-align: center; color: #fff; float: left; line-height: 70px; height: 70px !important; overflow: hidden; }
.mui-bar-red .ordera { width: 60%; color: #333; }
.mui-bar-red .ordera span { color: #999; font-size: 16px; }
.mui-bar-red .orderb { width: 40%; background: #007aff; }
.mui-bar-red .orderb span { color: #fff; font-size: 16px; }

.meConnect { margin-bottom: 3rem; }
.meConnect .connect { padding: 1.5rem; margin: 0 auto; overflow: hidden; }
.meConnect .connect li { float: left; height: 6rem; display: flex; width: 100%; }
.meConnect .connect li .label { float: left; text-align: right; color: #333333; padding-right: 10px; line-height: 35px; }
.meConnect .connect li .label b { text-align: center; color: #e7403c; font-size: 20px; vertical-align: -5px; }
.meConnect .connect li .txtinput { border: 1px solid #ccc; border-radius: 3px; height: 44px; }
.meConnect .connect li .p { float: left; width: 78%; border: 1px solid #ccc; border-radius: 3px; height: 44px; overflow: hidden; }
.meConnect .connect li .p .txtinput { border: 0; float: left; width: 120px; height: 44px; }
.meConnect .connect li .leftlb { float: left; width: 20%; }
.meConnect .connect li .diffent { float: left; width: 78%; }
.meConnect .connect li .mui-btn { width: 100%; font-size: 1.8rem; background: #e7403c; height: 5rem; }
.sexz { float: right; }
.htq-weui-check { float: left; padding-right: 15px; padding-top: 10px; position: relative; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; }
.htq-weui-check .weui-check { position: absolute; left: -9999em; }
.htq-weui-check .weui-icon-checked { display: block; border: 1px #999 solid; height: 15px; width: 15px; border-radius: 100%; margin-right: 3px; text-align: center; }
.weui-check:checked + .weui-icon-checked { border: 1px #e7403c solid; }
.weui-check:checked + .weui-icon-checked em { display: block; height: 8px; width: 8px; background: #e7403c; border-radius: 100%; margin: 0 auto; margin-top: 2.5px; }
.htq-weui-check .weui-cell-bd { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; font-size: 14px; }

.layui-layer-nobg { background: 0 0; }
.layui-layer-iframe.layui-layer-nobg iframe { border-radius: 6px; }
.htq-message { width: 100%; background: #fff; position: relative; padding: 30px 30px 30px 30px; }
.htq-message .close { display: block; position: absolute; top: -5px; right: -5px; }
.htq-message .close i { font-size: 35px; }
.htq-message .top { color: #333333; font-size: 16px; font-weight: 700; }
.htq-message .top em { color: #e7403c; font-size: 18px; font-weight: 700; }
/*.htq-message .top b { float: right; font-weight: 500; font-size: 10px; overflow: hidden; }
.htq-message .top span { overflow: hidden; white-space: nowrap; }*/
.htq-message .top span { overflow: hidden; white-space: nowrap; color: #e7403c; font-size:14px; }
.htq-message .top img { width: 20px; height: 20px; vertical-align: -6px; display: inline-block; margin-right: 8px; border-radius: 100%; }
.htq-message ul { min-height: 100px; margin: 0 auto; }
.htq-message ul li { height: 40px; border: 1px solid #c0c5cb; margin-bottom: 15px; font-size: 0.6rem; border-radius: 4px; display: flex; }
.htq-message ul li p { float: left; line-height: 40px; font-size: 14px; font-size: 0.62rem; overflow: hidden; margin-bottom: 0; }
.htq-message ul li p .licon { float: left; width: 42px; height: 40px; }
.htq-message ul li .input { float: left; border: none; outline: none; padding: 0; margin: 0; font-size: 14px; margin-top: 3px; height: 30px; border: none; }
.htq-message ul li .twoLabel { float: left; width: 10px; height: 40px; background: url(../images/icon-pro-line.png) no-repeat 1px center !important; background-size: 1px 18px !important; }
.htq-message ul li:nth-child(1) p .licon { background: url(../images/icon-pro-user.png) no-repeat 10px center; background-size: 26px 18px; }
.htq-message ul li:nth-child(2) p .licon { background: url(../images/icon-pro-tel.png) no-repeat 10px center; background-size: 26px 18px; }
.htq-message ul li:nth-child(3) p .licon { background: url(../images/icon-pro-dunpai.png) no-repeat 10px center; background-size: 26px 18px; }
.htq-message ul li:nth-child(4) p .licon { background: url(../images/icon-pro-liuyan.png) no-repeat 10px center; background-size: 26px 18px; }
.htq-message .btnOrderFlag0 { height: 40px; background: #0096ff; text-align: center; line-height: 40px; margin: 0 auto; color: #fff; font-size: 14px; border-radius: 4px; }
.htq-message .btnOrderFlag1 { height: 40px; background: #0096ff; text-align: center; line-height: 40px; margin: 0 auto; color: #fff; font-size: 14px; border-radius: 4px; }
.htq-message .textarea { padding: 8px 0 10px; width: 82%; height: 58px; margin-top: 2px; border: none; resize: none; outline: none; font-size: 14px; line-height: 20px; color: #666; }

.htq-message.ordinary .ordinary{display:block}
.htq-message.ordinary .apply { display: none }
.htq-message.ordinary .vip { display: none }
.htq-message.apply .ordinary { display: none }
.htq-message.apply .apply { display: block }
.htq-message.apply .vip { display: none }
.htq-message.vip .ordinary { display: none }
.htq-message.vip .apply { display: none }
.htq-message.vip .vip { display: block }


.htq-wechat { width: 100%; display: none; position: relative; border-radius: 12px !important; padding-bottom: 0px; }
.htq-wechat .top1 { height: 60px; line-height: 78px; text-align: center; color: #960000; font-size: 18px; font-size: 2rem; font-weight: 700; }
.htq-wechat .top2 { height: 13px; line-height: 13px; color: #666666; text-align: center; font-size: 16px; }
.margintop0 { margin-top: 0 !important; }
.mui-segmented-control.tabtop { overflow: hidden; border: 0; table-layout: fixed; background-color: transparent; -webkit-touch-callout: none; }
.mui-segmented-control.tabtop .tablink { overflow: hidden; }
.mui-segmented-control.tabtop .tablink a { margin-right: 20px !important; display: inline; padding-bottom: 8px; }
.mui-segmented-control.tabtop .tablink .mui-control-item { border: 0; color: #333; text-align: center; font-size: 1rem !important; height: 30px !important; }
.mui-segmented-control.tabtop .tablink .mui-active { border-bottom: 2px #bc1224 solid; color: #bc1224; background: none; }

.art-product .list-titile { font-size: 16px; color: #262626; clear: both; padding-left: 20px; text-align: center; line-height: 46px; border-bottom: 1px #ededed solid; margin: 0 .7rem; }
.art-product .list-titile .bright-img { width: 16px; height: 16px; }
.commodity-details { }
.commodity-details li { color: #262626; line-height: 40px; font-size: 14px; border-bottom: 1px solid #f5f5f5; position: relative; }
.commodity-details li .disc { width: 5px; height: 5px; border-radius: 50%; background: #c6c6c6; display: inline-block; margin-right: 3px; vertical-align: middle; margin-top: -3px; }

.htq-product-recomm { margin-bottom: 6rem; }
.htq-product-recomm .mui-media-object { min-height: 9rem; }
/*==== aboutus page ===*/
.ptitles { background: #f8f8f8; height: 37px; line-height: 37px; padding-left: 2.7%; font-size: 1rem; margin: 0; font-weight: normal; }
.ab_description { background: #fff; color: #666; font-size: 1rem; line-height: 28px; padding: 20px 2.7%; }
.ab_description p:nth-child(1) { margin-top: 0; }
.ab_description a { color: #66cc22; }
/*==== footer  page ====*/
.htq-pages { background: #fff; height: 52px; line-height: 52px; position: relative; margin-top: 1px; }
.htq-pages li { float: left; width: 33%; text-align: center; }
.htq-pages li i { color: #ddd; vertical-align: middle; font-size: 24px; }
.htq-pages li.ptotal { width: 30%; }
.htq-pages li a { display: inline-block; width: 100%; }
.htq-pages li a i { color: #797979; font-size: 24px; }

.htq-pages a[disabled] i { color: #c2c2c2; }
.tomenu { margin-top: 1rem; }
.tomenu a { padding: .5rem; }

.htq-contact { background: #fff; border-bottom: 1px solid rgb(236, 236, 236); margin-top: .8rem; padding: 15px; text-align: center; }
.htq-contact .intro { }
.htq-contact .intro p { font-size: 1.2rem; color: #999; margin-bottom: 0rem; line-height: 1.5rem; }
.htq-contact .bottel { font-size: 1.8rem; line-height: 24px; text-align: center; font-weight: 700; }
.htq-contact .bottel i { font-size: 1.8rem; color: #bd1023; margin-right: 5px; }
.htq-contact .bottel a { color: #bd1023; display: inline-block; }

.htq-footer { background: #24273d; overflow: hidden; padding-top: 10px; text-align: center; }
.htq-footer .link { color: #999; font-size: 0; }
.htq-footer .link a, .htq-footer .link a, .htq-footer .link span { display: inline-block; }
.htq-footer .link a { background-color: #2c304b; border: 1px solid #2c304b; border-radius: 15px; color: #fff; font-size: 12px; height: 26px; line-height: 26px; margin: 0 6px; text-align: center; text-decoration: none; width: 78px; }
.htq-footer .copyright { box-sizing: border-box; color: #7b7d88; font-size: 10px; }
.htq-footer .link a:hover { background-color: #bd1023; border: 1px solid #bd1023; color: #fff; }

.htq-fix-nav { display: none; position: fixed; left: 100%; bottom: 40px; width: 100%; margin-left: -50px; z-index: 2; }
.htq-fix-nav .fix-nav-wrap { background-color: rgba(148,149,148,0.8); width: 40px; height: 40px; text-align: center; border-radius: 100%; }
.htq-fix-nav .fix-nav-wrap:active { background-color: #000; }
.htq-fix-nav i { background: rgba(0, 0, 0, 0) url("/content/images/backtop.png") no-repeat 10px 8px; display: block; width: 30px; height: 40px; text-align: center; }

.so-form { margin: 15px 15px 0 15px; }
.so-form .searchbox { display: flex; }
.so-form .searchbox .soinput { background: #fff; height: 40px; border: none; height: 34px; display: block; padding: 0 7px 0 12px; text-align: left; border-radius: 3px 0 0 3px !important; }
.so-form .searchbox .dbtn .sobtn { background-color: #ff4c35; border-color: #ff4c35; width: 52px; text-align: center; height: 34px; color: #fff; border-radius: 0 3px 3px 0 !important; }

/*============================ video page ===*/
.mui-htq-query { height: 39px; }
.mui-htq-query .qmenu { width: 100%; overflow: hidden; background: #fff; position: fixed; z-index: 10; }
.mui-htq-query .qmenu ul { display: flex; border-bottom: solid 1px #ddd; border-top: 1px #ddd solid; }
.mui-htq-query .qmenu ul li { display: inline-block; flex: 1 1 0; text-align: center; line-height: 39px; border-right: 1px #ddd solid; font-size: 1rem; }
.mui-htq-query .qmenu ul li.active .icon-unfold:before { content: "\e74e"; }
.mui-htq-query .qmenu ul li.active .qitem { display: block; }
.mui-htq-query .qitem { position: relative; background: #fff; width: 100%; }
.mui-htq-query .qitem ul { display: none; position: absolute; top: 41px; z-index: 12; background: #fff; margin: 0; padding: 0; overflow: auto; height: 200px; width: 100%; }
.mui-htq-query .qitem li { float: left; font-size: 1rem; }
.mui-htq-query .qitem li a { width: 105px; display: block; border: 1px #ddd solid; margin-left: 15px; margin-top: 15px; height: 33px; line-height: 33px; text-align: center; color: #333; }
.mui-htq-query .qitem li.active a { background-color: #ececec; border: 1px solid #ececec; }
.mui-htq-query .qitem ul.active { display: block; }
.overlay { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 2; display: none; background-color: rgba(0,0,0,.3); }

.list-content { width: 100%; overflow: hidden; padding-top: 10px; padding-bottom: 10px; background: #f9f9f9; }
.list-content li { float: left; border-radius: 3px; margin-left: 10px; text-align: center; overflow: hidden; padding: 0 10px; }
.list-content li a { display: block; font-size: 14px; color: #333; }
.list-content li.active a { color: #cb1d1d; }

.videobox .mui-scroll-wrapper { margin-top: 95px; padding-bottom: 60px; }

.recommendF { position: fixed; height: calc(100% - .96rem); z-index: 3; top: 0; }
.recommend .mui-scroll-wrapper { overflow: inherit; z-index: -1; }

.mui-video-view { background: none; }
.htq-video-view .item { background: #fff; margin-bottom: 1rem; padding-top: 1rem; position:relative;z-index:9}
.htq-video-view .status0 { position: absolute; right: 1rem; top: 2.5rem; background-image: url(../images/staus0.png); background-repeat: no-repeat;background-size:contain; display: block;width:75px; height: 60px;z-index:999 }
@media(max-width:374px)
{
    .htq-video-view .status0 { width:50px; height: 40px;top:3.5rem; }

}

.vtitle a{color:#333;}
.htq-video-view .item:before { }
.htq-video-view .vtitle { color: #111; font-size:1.7rem; line-height: 1.5; padding: 0 1rem; font-weight: 700; }
.htq-video-view .vpar { font-size: 12px; padding: 12px 12px 0 12px; }
.htq-video-view .vpar span { color: #0096ff; border: 1px #0096ff solid; border-radius: 24px; display: inline-block; margin-right: 10px; padding: 1px 10px; margin-bottom: 12px; }

.htq-video-view .playvideo { cursor: pointer; -webkit-tap-highlight-color: transparent; }
.htq-video-view .playvideo .playcover { height: 20rem; width: 100%; position: relative; display: inline-block; }
.htq-video-view .playvideo .playcover img { max-width: 100%; vertical-align: middle; min-width: 16rem; height: 20rem; width: 100%; }

.htq-video-view .playvideo .playyuan { background-image: url(../images/icon_video.png); position: absolute; width: 40px; height: 40px; background-repeat: no-repeat; background-size: 100%; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); z-index: 1; }
.htq-video-view .playvideo .videocontrol { background-color: #000; position: relative; margin-top: 15px; display: none; }
.htq-video-view .playvideo .videocontrol video { width: 100%; height: 100%; display: block; }
.htq-video-view .palyon .playcover { display: none; transform-origin: 0px 0px 0px; opacity: 1; transform: scale(1, 1); }
.htq-video-view .palyon .videocontrol { display: block; transform-origin: 0px 0px 0px; opacity: 1; transform: scale(1, 1); }
.htq-video-view .playvideo .imgbox { position: relative; margin: 0 1rem;overflow:hidden }
.htq-video-view .playvideo .imgbox a{display:block;}
.htq-video-view .playvideo .imgbox img { width: 100%; border-radius: 6px; max-height: 20rem; display: block }
.htq-video-view .toolbar { position: absolute; top: 50%; left: 50%; margin-left: -25px; margin-top: -27.5px; }
.htq-video-view .playgray { position: absolute; bottom: 0; left: 0; height: 30px; background: rgba(0,0,0,0.5); width: 100%; border-radius: 0 0 6px 6px }
.htq-video-view .playgray p { text-align: center;color:#e7403c;line-height:30px; }


.playtitle { border-bottom: 1px #ddd solid; padding-bottom: 0.5rem; background: #fff; padding-left: 1rem; margin-top: 1rem; padding-top: 1rem; }
.playtitle h3 { font-size: 16px; font-weight: 700; display: inline-block; }
.playtitle span { font-size: 1.2rem; color: #999; padding-left: 1rem; display: inline-block; }

.video-bar { background: #fff !important; border: none; box-shadow: 0 1px 10px rgba(233,233,233,0.55) !important; overflow: hidden; padding: 10px 10px 5px 10px; }
.video-bar .links { float: right; width: 20%; background: #007aff; text-align: center; height: 33px !important; line-height: 33px; }
.video-bar .links a { display: inline-block; font-size: 1.2rem; text-align: center; color: #fff; overflow: hidden; }
.vslide { display: inline-block; width: 42%; position: relative; overflow: hidden; height: 33px; line-height: 33px; }
.vslide li { display: block; border-radius: 6px; vertical-align: middle; font-size: 12px; width: 98%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.vslide li img { width: 24px; height: 24px; vertical-align: -8px; display: inline-block; margin-right: 5px; border-radius: 100%; }
.pricess { display: inline-block; float:left; vertical-align: 10px;padding-bottom:10px;font-family:'Microsoft YaHei',Verdana }
.pricess h4 { color: #007aff; font-size: 18px; font-weight: 700; margin: 0; display: block; }
.pricess img { width: 32px; height: 32px; display: inline-block; border-radius: 100%; margin-right: 10px; vertical-align: middle }
.pricess span { display: inline-block; font-size:14px;margin-right:10px;}
.pricess a { color: #333; }
.pricess b{font-weight:700;}
.timespan { background: #ec462f; color: #fff; padding: 10px 15px; font-size: 14px }
.timespan .txt1 { font-size:15px; }
.timespan .txt2 { padding-left:15px;font-size:12px; }
.timespan .times { width:40px;display:inline-block;background:#fff;color:#000;text-align:center;font-size:12px;height:18px;font-weight:700 }
/*============================ my ===*/
.mytop { width: 100%; background: url(../images/bodybg.png) center no-repeat; background-size: 100% 100%; position: relative; }
.mytop h1 { font-size: 16px; text-align: center; margin: 0; padding: 10px; color: #fff }
.mytop .topitem { display: block; padding-bottom: 20px; overflow: hidden; }
.mytop .topitem .a1 { width: 90%; margin: 5% auto 0px; display: block; position: relative; }
.mytop .topitem .a1 img { display: block; height: 66px; width: 66px; border: 3px solid rgba(255,255,255,0.5); border-radius: 100%; position: absolute; left: 0px; top: 0px; }
.mytop .topitem .a1 .c { height: 72px; width: 100%; padding-left: 80px; box-sizing: border-box; }
.mytop .topitem .a1 .c strong { color: #fff; font-size: 16px; line-height: 24px;padding-left:10px; display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; padding-top: 3px; }
.mytop .topitem .alte {  margin-top: 5px;display:inline-block }
.mytop .topitem .alte a { display: inline-block; margin: 0 5px; font-size: 14px; }
.mytop .topitem .alte span { height: 24px; line-height: 22px; border-radius: 16px; color: #fff; border: 1px solid rgba(255,255,255,0.5); background: rgba(255,255,255,0.2); box-sizing: border-box; display: inline-block; vertical-align: top; padding: 0px 12px; }

.mycount { height: 44px; width: 100%; background: #fefefe; font-size: 0px; margin-bottom: 10px; }
.mycount a { display: inline-block; vertical-align: top; width: 50%; border-right: 1px solid #eee; height: 24px; line-height: 24px; margin: 10px 0px; text-align: center; font-size: 14px; color: #999; box-sizing: border-box; }
.mycount a:last-child { border-right: 0px; }
.mycount a strong { color: #ff4c35; }

.myitem { overflow: hidden; background:#fff; margin: 15px; border-radius: 3px; }
.myitem a.item {padding:15px;  display: block; font-size: 16px; color: #7c8bab; background-size: 6px 10px; position: relative; }
.myitem a i { display: inline-block;  font-size: 22px; margin-right: 5px; color: #4db5ff; vertical-align: middle; }
.myitem a.a1 { float: left; width: 50%; height: 44px; line-height: 44px; font-size: 16px; color: #7c8bab; background: #fff; background-size: 6px 10px; }
.myitem a.a2 { float: right; width: 12%; text-align: center; margin-top: 10px; margin-right: 10px; font-size: 12px; background: #4db5ff; color: #fff; padding: 3px 0; border-radius: 3px; }
.myitem .mui-badge-danger { background-color: #0096ff; padding: 2px 8px; float: right; margin-top: 1px; }
.money { background: #fff; margin: 15px; padding: 10px 15px 15px 15px; box-shadow: 3px 5px 10px rgba(200,200,200,0.3); border-radius: 3px }
.money .rm { font-size: 16px; color: #666; }
.money .rmb { font-weight: 700; font-size: 28px; padding-top: 8px }
.money a { margin-left: 15px; float: right; font-size: 14px; font-weight: 500;padding: 1px 4px; border-radius: 3px; }
.money .a { color: #fe5754; border: 1px #fe5754 solid; }
.money .b { color: #b2b2b2; border: 1px #b2b2b2 solid; }

.identitykeyd { margin-bottom: 10px; width: 100%; background: #fff; }

.userinfo_t { height: 44px; line-height: 44px; color: #999; font-size: 1rem; padding-left: 5%; }
.userinfo_c { padding-left: 5%; background: #fdfdfd; padding-bottom: 20px; }
.userinfo_item { border-bottom: 1px solid #eee; color: #666; }
.userinfo_item:last-child { border-bottom: 0; }
.userinfo_item .item1 { height: 44px; line-height: 44px; font-size: 1rem; }
.userinfo_item .item1 .ispan { color: #333; display: inline-block; vertical-align: top; height: 44px; }
.userinfo_item .item1 p { color: #999; display: inline-block; vertical-align: top; height: 44px; font-size: 1rem; }
.userinfo_item .item1 input[type="text"] { height: 44px; line-height: 44px; border: 0px; background: none; width: 60%; font-size: 1rem; color: #666; display: inline-block; vertical-align: top; }
.userinfo_item .item1 select { border: 0px; background: none; width: 60%; font-size: 1rem; color: #666; display: inline-block; vertical-align: top; }
.userinfo_item .item1 select.ded3 { width: auto; text-align: right; }
.userinfo_item .item1 select.ded2 { width: auto; text-align: right; }
.userinfo_item .item2 { height: auto; line-height: 44px; font-size: 1rem; }
.userinfo_item .item2 span { color: #333; display: inline-block; vertical-align: top; height: 44px; }

.addava { display: inline-block; vertical-align: top; overflow: hidden; width: 60%; margin-top: 1rem; }
.addava .thumpic { margin: 0; padding: 0; line-height: normal; }
.addava .thumpic img { width: 100px; height: 100px; border-radius: 6px; }
.addava .frame { margin: 0; padding: 0; line-height: normal; }
.addava .toop { font-size: 12px; color: #999; margin: 0; padding: 0; line-height: normal; height: 44px; }
.addava .toop span { color: #2a922f; }

.addart .mui-input-row { width: 100%; background-color: #fff; }
.addart select { padding-left: 15px; font-size: 14px; color: #666; margin-bottom: 0; border-radius: 0; }
.addart input,
.addart textarea { border: none !important; margin-bottom: 0 !important; border-radius: 0; }
.addart textarea { height: 100px; padding-bottom: 0 !important; }
.addart p { padding: 10px 15px 0; }
.addart .mui-input-btn { width: 100%; text-align: center; margin-top: 20px; }
.addart .mui-input-btn li { display: inline-block; text-align: center; margin: 0 10px; }
.addart button { padding: 8px 20px !important; }

.topictop { background: #fff; padding: 15px; color: #333; border-bottom: 1px #ededed solid; }
.topictop img { border-radius: 3px; float: left; margin-right: 10px; }
.topictop h3 { font-size: 1.5rem; font-weight: 700; }
.topictop p { font-size: 14px; margin: 0; }
.topictop p span { padding-right: 20px; font-size: 14px; margin: 0; }
.topictop p span strong { color: #ff4c35; }

.write_discuss { width: 100%; margin-bottom: 60px; }
.write_discuss .nologin { text-align: center; margin: 20px; }
.write_discuss .nologin a { margin: 0 auto; width: 120px; background: #fff; height: 31px; padding-top: 5px; border-radius: 15px; display: block; }
.write_discuss .nologin a span { font-size: 14px; color: #999; }
.write_discuss .nologin a i { vertical-align: middle; color: #999; }

.feedback { margin: 0.75rem; }
.feedback textarea { border: none !important; height: 100px; background: #fafafa; border: 1px #ededed solid !important; border-radius: 4px; margin-bottom: 10px; }
.feedback button { width: 100%; height: 46px; left: 50%; -webkit-transform: translate(-50%); margin-bottom: 1rem; }
.feedback .hidden { display: none; }

.mui-table-view-order .mui-table-view { background: none; margin: 0 1rem; }
.mui-table-view-order .mui-table-view:before { height: 0; }
.mui-table-view-order .mui-table-view:after { height: 0; }
.mui-table-view-order .mui-table-view-cell { margin-bottom: 1rem; background: #fff; border-radius: 4px; }
.mui-table-view-order .mui-table-view-cell:after { height: 0; }
.mui-table-view-order .mui-table-view-cell > a:not(.mui-btn) { white-space: normal !important; }

.mui-table-view .mui-media-object { height: 65px; line-height: 65px; max-width: 90px; border-radius: 4px; }
.mui-table-view-order h3 { line-height: 1.3; color: #111; font-size: 15px; font-weight: 400;margin:0; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
.mui-table-view-order .mui-media-body p { font-size: 13px; color: #aeaeae; }
.mui-table-view-order .mui-media-body p em { color: #f67a0c; margin-right: 10px; }
.mui-table-view-order .mui-media-prices { font-size: 13px; margin-top: 15px; white-space:nowrap;display:block}
.mui-table-view-order .mui-media-prices span {float:left; color: #999;margin-right:20px; }
.mui-table-view-order p {font-size:14px; }
.mui-table-view-order .mui-media-img { float: left; margin-right: 10px; height:90px; max-width:120px; border-radius: 3px;margin-top:3px;}
.mui-table-view-order .mui-media-object { float:left;margin-right:10px;margin-top:4px; min-height:80px}
.btn-pay { padding: 2px 10px; float: right; border-radius: 22px; color: #fff; border: 1px solid #0096ff; background: #0096ff; box-sizing: border-box; display: inline-block; vertical-align: top; }
.btn-pay:active { color: #fff; }
.btn-payno { padding:3px 10px; margin-left: 15px; float: right; border-radius: 22px; color: #ddd; border: 1px solid #ddd; background: #fff; box-sizing: border-box; display: inline-block; vertical-align: top; }
.btn-payno:active { color: #fff; }

.mui-table-view-order .mui-media-users { font-size: 12px; margin-bottom: 5px; }
.mui-table-view-order .mui-media-users span { color: #333; }
.mui-table-view-order .mui-media-users em { float: right; color: #f57c16; }
.mui-media-order{display:block;}
.mui-media-order span{font-size:12px;}

.mui-control { font-size: 15px; font-weight: 400; position: relative; display: table; overflow: hidden; width: 100%; table-layout: fixed; border: 1px solid #0096ff; border-radius: 3px; background-color: transparent; -webkit-touch-callout: none; }
.mui-control a.mui-active { color: #fff; background-color: #0096ff; }
.mui-control a { line-height: 38px; display: table-cell; overflow: hidden; width: 1%; -webkit-transition: background-color .1s linear; transition: background-color .1s linear; text-align: center; white-space: nowrap; text-overflow: ellipsis; color: #0096ff; border-color: #0096ff; border-left: 1px solid #0096ff; }
.mui-control a:first-child { border: 0; }

.push { background: #fff; padding: 20px; }
.push-info { display: none; color: #27bd53; margin-top: 30px; overflow: hidden; }
.push-info h3 { font-size: 15px; font-weight: 700; }
.push-info span { margin-right: 30px; }

.push-desc { margin-top: 30px; }
.push-desc h3 { font-size: 15px; font-weight: 700; }
.push-desc p { font-size: 12px; margin-bottom: 0; }
.push-desc b { font-weight: 700; color: #333; font-size: 12px; }
/*=========== club ====*/
.toptitle { background: #fff; font-size: 16px; font-weight: 700; padding: 1rem; overflow: hidden; border-bottom: 1px #ededed solid; }
.adtop { background: #fff; padding: 0.85rem 0.85rem 0.5rem 0.85rem; overflow: hidden; }
.adtop img { width: 100%; border-radius: 5px; display: block; }

.mui-table-chubtype { background: #fff; padding: 10px 10px 0 0; overflow: hidden; }
.mui-table-chubtype li { float: left; background: #fff; width: 46.5%; margin-left: 3%; border-radius: 3px; margin-bottom: 15px; box-shadow: 3px 5px 10px rgba(200,200,200,0.6); }
.mui-table-chubtype li img { float: left; line-height: 42px; max-width: 42px; height: 42px; margin-left: 0.7rem; border-radius: 5px; }
.mui-table-chubtype li .mui-media-body { overflow: hidden; padding-left: 10px; }
.mui-table-chubtype li .mui-media-body h4 { font-size: 14px; color: #111; line-height: 1.5; margin: 0; }
.mui-table-chubtype li .mui-media-body p { font-size: 12px; color: #999; }
.mui-table-chubtype li a { display: block; padding-top: 0.7rem; }
.mui-table-chubtype li a:active { background: #f2f2f2; }

.club-mui-card { background: #fff; margin-bottom: 1rem; }
.club-mui-card .mui-card-content { padding: 0.5rem 1rem 0 1rem; }
.club-mui-card .mui-card-content h3 { color: #333; font-size: 1.5rem; line-height: 31px; font-weight: 500; }
.club-mui-card .mui-card-header { padding: 0 15px 5px 15px; }
.club-mui-card .mui-card-header:after, .club-mui-card .mui-card-footer:before { height: 0; }
.club-mui-card .mui-card-header img { width: 20px; height: 20px; border-radius: 100%; margin-right: 5px; }
.club-mui-card .mui-card-link { font-size: 12px; color: #b7b7b7; }
.club-mui-card .mui-card-link i { font-size: 18px; color: #b7b7b7; }
.club-mui-card .mui-card-link i.icon-browse1 { font-size: 22px; }
.club-mui-card p { margin-bottom: 0; }

.club-tab { color: #666; font-size: 16px; height: 4.5rem; line-height: 4.5rem; background-color: #fff; position: relative; border-bottom: 1px #ededed solid; }
.club-tab .tab-list { margin: 0 1rem; }
.club-tab .tab-list li { display: inline-block; margin-right: 2rem; }
.club-tab .tab-list li.active { font-weight: 700; color: #000; }

.club-cover { position: relative; height: 10rem; }
.bg-mask { height: 14rem; background-color: #fff; left: 0; overflow: hidden; position: absolute; top: 0; width: 100%; }
.bg-mask img { -webkit-filter: blur(8px); -moz-filter: blur(8px); -o-filter: blur(8px); -ms-filter: blur(8px); filter: blur(8px); filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=10, MakeShadow=false); max-width: 100%; position: absolute; left: -10px; top: -10px; width: 100%; height: 100%; }
.bg-mask .mask { position: absolute; background: rgba(0,0,0,0.4); box-shadow: 0 0 6px rgba(0,0,0,0.06) inset; height: 100%; width: 100%; }

.club-cover .topicitem { position: absolute; top: 0.75rem; z-index: 50; width: 100%; color: #333; }
.club-cover .topicitem .list { padding: 15px; }
.club-cover .topicitem img { border-radius: 3px; height: 6rem; width: 6rem; float: left; margin-right: 1rem; }
.club-cover .topicitem h3 { font-size: 16px; text-shadow: 3px 3px 3px #666; color: #fff; font-weight: 700; }
.club-cover .topicitem p { font-size: 12px; margin: 0; color: #fff; }
.club-cover .topicitem p span { padding-right: 20px; margin: 0; }
.club-cover .topicitem p span strong { color: #fff; }
.club-cover .topicitem h4 { font-size: 12px; color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin: 0; }
.club-cover .topicitem .mui-btn { padding: 2px 10px; text-shadow: none; }

.club-list-topic .mui-table-view { }

.art-content { background: #fff; }
.art-content table { width: 99% !important; }
.art-title { background: #fff; padding: 10px 10px 0 10px; }
.art-title h1 { color: #0c0d0e; font-size: 1.85rem; font-weight: bold; line-height: 1.5; }
.art-title p { color: #83868f; font-size: 14px; overflow: hidden; padding-top: 10px; }
.art-title p span { margin-right: 10px; }

.art-content .apply { color: #999; padding: 10px; font-size: 12px; }
.art-content .apply p { color: #999; font-size: 12px; }

.art-user { padding: 0.75rem; background: #fafafa; }
.art-user .detail-user-img { display: inline-block; margin: 4px 0 0 0; vertical-align: middle; }
.art-user .detail-user-img img { width: 28px; height: 28px; border-radius: 50%; }
.art-user .detail-user-cont { display: inline-block; vertical-align: middle; flex: 1; width: 88%; }
.art-user li { line-height: 24px; color: #ccc; }
.art-user li a { color: #888888; font-size: 12px; }
.art-user li .guanzhu { float: right; border-radius: 2px; background: #ff4c35; color: #fff; height: 20px; line-height: 18px; padding: 2px 5px; font-size: 10px; text-align: center; vertical-align: middle; }

.art-ad { margin: 0.75rem; }
.art-ad img { width: 100%; display: block; }
#navb img { width: 100%; display: block; }
.art-info { margin: 0.75rem; overflow: hidden; font-size: 14px; color: #999; }
.art-info span { display: inline-block; margin-right: 10px; }
.art-info .okfav { color: #e7403c; }
.art-info em { margin-left: 15px; }
.art-info i { vertical-align: middle; }

.art-fav span { display: block; text-align: center; font-size: 12px; }
.art-fav i { vertical-align: middle; }

.art-conn { padding: 10px; font-size: 17px; color: #333; line-height: 31px; }
.art-conn p { font-size: 17px; color: #333; line-height: 31px; }
.art-conn img { height: auto !important; width: 100% !important; margin: 1% 0; }

.boxtitle { position: relative; height: 44px; background-color: #fff; margin-top: 0.8rem; }
.boxtitle h2 { float: left; margin: 12px 0; padding: 0 10px; font-weight: 700; line-height: 20px; font-size: 16px; }
.boxtitle::after { position: absolute; bottom: 0; left: 0; right: 0; display: block; content: ""; height: 1px; background-color: #e5e5e5; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); }
.art-relax { background: #fff; }
.art-relax ul { margin: 0; padding: 10px 0; list-style: none; }
.art-relax li { position: relative; margin: 0; padding: 0; background-color: #fff; }
.art-relax li .link { font-size: 14px; display: block; position: relative; height: 30px; padding: 5px 12px; text-decoration: none; color: #999; line-height: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.art-reply { margin-bottom: 0.8rem; }
.art-reply .mui-card-reply { background: #fff; }
.art-reply .discuss_item { background: #fff; border-bottom: 1px #ddd solid; display: block; }
.art-reply .discuss_item .info { position: relative; padding: 10px 10px 0px 10px; margin: 0 auto; overflow: hidden; }
.art-reply .discuss_item .author_img { width: 35px; height: 35px; position: absolute; top: 10px; left: 10px; border-radius: 100%; }
.art-reply .discuss_item .rconn { margin-left: 55px; }
.art-reply .discuss_item .info p { margin: 0; }
.art-reply .discuss_item .info p span { display: inline-block; font-size: 14px; color: #333; }
.art-reply .discuss_item .info p em { display: inline-block; float: right; font-size: 12px; color: #999; line-height: 20px; }
.art-reply .discuss_item .desc { display: block; font-size: 12px; line-height: 1.5; color: #999; box-sizing: border-box; padding-bottom: 0.5rem; }
.art-reply .nodatas { display: block; font-size: 12px; line-height: 24px; color: #999; text-align: center; padding-top: 30px; }
.art-reply .nodatas i { font-size: 50px; }
.loadmore_red { height: 50px; line-height: 50px; font-size: 16px; color: #999; text-align: center; display: block; margin-bottom: 4px; }


/*=============userinfo ==== */
.user-head { display: block; padding: 0; color: #666; background: #fff; padding-bottom: 15px; }
.user-head .head-image-container { height: 7rem; overflow: hidden; position: relative; }
.user-head .head-image { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-size: cover; -webkit-transform: translateZ(0); transform: translateZ(0); }
.user-head .head-image.head-image-blur { margin: -2.5rem; background-position: left center; -webkit-filter: blur(30px) brightness(1.2); filter: blur(30px) brightness(1.2); }

.user-head .avatarAndOpts { position: relative; margin-left: 1.2rem; margin-right: 1.2rem; height: 5rem; }
.user-head .avatar { position: relative; width: 4.5rem; height: 4.5rem; margin-top: -2rem; }
.user-head .avatar .img { -webkit-border-radius: 100%; border-radius: 100%; width: 100%; height: 100%; }
.user-head .avatar .img:before { border: 1px solid #e0e0e0; -wemytopicbkit-border-radius: 100%; border-radius: 100%; }
.user-head .avatar .img img { width: 4.5rem; height: 4.5rem; border: 1px solid #e0e0e0; -webkit-border-radius: 100%; border-radius: 100%; }
.user-head .opts { position: absolute; right: 0; bottom: 0.5rem; }
.user-head .opts .btn-sub { color: #fff; font-size: 14px; width: 68px; height: 28px; text-align: center; line-height: 28px; z-index: 200; vertical-align: middle; background-color: #ff4c35; border-radius: 3px; }
.user-head .name-item { width: auto; max-width: 100%; font-weight: 700; margin-left: 20px; line-height: 2rem; height: 2rem; color: #000; }
.user-head .name-item .name { display: inline-block; font-size: 1.2rem; vertical-align: top; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.user-head .name-item .name span { display: inline-block; overflow: hidden; vertical-align: middle; margin-left: .8rem; color: #b8b8b8; font-weight: normal; font-size: 0.7rem; border: 1px #b8b8b8 solid; height: 1.2rem; line-height: 1.2rem; padding: 0 5px; border-radius: 3px; }
.user-head .sign-item { margin-left: 20px; font-size: 0.8rem; line-height: 2rem; }
.user-head .follow-item { margin-left: 20px; line-height: 1.5rem; height: 1.5rem; }
.user-head .follow-item span { display: inline-block; font-size: 0.75rem; color: #999; }
.user-head .follow-item span em { font-size: 1rem; color: #000; margin-right: 5px; }
.user-head .line { margin: 0 1.5rem; height: 0.85rem; display: inline-block; background-color: #d2d2d2; width: 1px; vertical-align: middle; }

.user-article { background: #fff; margin-top: 0.8rem; overflow: hidden; }
.user-article p.mui-ellipsis { font-size: .75rem; }
.user-article p.mui-ellipsis span { margin-right: 1rem; }
.tab-wrap { color: #666; font-size: 1rem; margin: 1rem 1rem 0.5rem 1rem; background-color: #fff; border-bottom: 1px #e6e6e6 solid; }
.tab-wrap .tab-list { width: 50%; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; display: -webkit-box; -webkit-box-orient: horizontal; }
.tab-wrap .tab-list li { margin-right: 2.25333rem; border-bottom: 2px #fff solid; }
.tab-wrap .tab-list li.active { font-weight: 700; color: #000; border-bottom: 2px #333 solid; }
.tab-wrap .tab-list li a { color: #000; font-size: 16px; }
.tab-wrap .tab-list li.active a { color: #111; }

.msgdetail { background: #fff; padding: 1rem 1rem 3rem 1rem; }
.msgdetail h3 { font-size: 1rem; font-weight: 700; }
.msgdetail p span { color: #999; margin-right: 1rem; font-size: 0.75rem; }
.msgdetail .dtail { background: #fff; color: #666; font-size: 14px; line-height: 22px; }
.msgdetail .dtail a { color: #28aa52; }

/*::::::::::::::::::::: mui-preview :::::*/
.mui-preview-image.mui-fullscreen { position: fixed; z-index: 20; background-color: #000; }
.mui-preview-header,
.mui-preview-footer { position: absolute; width: 100%; left: 0; z-index: 10; }
.mui-preview-header { height: 44px; top: 0; }
.mui-preview-footer { height: 50px; bottom: 0px; }
.mui-preview-header .mui-preview-indicator { display: block; line-height: 25px; color: #fff; text-align: center; margin: 15px auto 4; width: 70px; background-color: rgba(0, 0, 0, 0.4); border-radius: 12px; font-size: 16px; }
.mui-preview-image { display: none; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.mui-preview-image.mui-preview-in { -webkit-animation-name: fadeIn; animation-name: fadeIn; }
.mui-preview-image.mui-preview-out { background: none; -webkit-animation-name: fadeOut; animation-name: fadeOut; }
.mui-preview-image.mui-preview-out .mui-preview-header,
.mui-preview-image.mui-preview-out .mui-preview-footer { display: none; }
.mui-zoom-scroller { position: absolute; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; left: 0; right: 0; bottom: 0; top: 0; width: 100%; height: 100%; margin: 0; -webkit-backface-visibility: hidden; }
.mui-zoom { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; }
.mui-slider .mui-slider-group .mui-slider-item img { width: auto; height: auto; max-width: 100%; max-height: 100%; }
.mui-android-4-1 .mui-slider .mui-slider-group .mui-slider-item img { width: 100%; }
.mui-android-4-1 .mui-slider.mui-preview-image .mui-slider-group .mui-slider-item { display: inline-table; }
.mui-android-4-1 .mui-slider.mui-preview-image .mui-zoom-scroller img { display: table-cell; vertical-align: middle; }
.mui-preview-loading { position: absolute; width: 100%; height: 100%; top: 0; left: 0; display: none; }
.mui-preview-loading.mui-active { display: block; }
.mui-preview-loading .mui-spinner-white { position: absolute; top: 50%; left: 50%; margin-left: -25px; margin-top: -25px; height: 50px; width: 50px; }
.mui-preview-image img.mui-transitioning { -webkit-transition: -webkit-transform 0.5s ease, opacity 0.5s ease; transition: transform 0.5s ease, opacity 0.5s ease; }

@-webkit-keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

@keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

@-webkit-keyframes fadeOut {
    0% { opacity: 1; }
    100% { opacity: 0; }
}

@keyframes fadeOut {
    0% { opacity: 1; }
    100% { opacity: 0; }
}

/* foofter*/
.mui-pull-caption-nomore { font-weight: 500; color: #999; font-size: 14px !important; }
.loadpage { padding: 5px 0px; background-color: #e2e2e2; text-align: center; margin: 1rem; border-radius: 24px; }
.loadpage i { display: inline-block; margin-right: 5px; vertical-align: middle; width: 18px; height: 18px; }
.loadpage span { font-size: 14px; display: inline-block; color: #999; }

.backtotop { position: fixed; bottom: 80px; right: 12px; width: 35px; height: 35px; display: none; z-index: 9999; }
.backtotop img { width: 35px; height: 35px; }

.mui-timeline { background: #fff; padding-top: 3rem; padding-bottom: 3rem; }
.mui-timeline .title { text-align: center; font-size: 2.5rem; font-weight: 700; margin-bottom: 3rem; }
.timeline { margin-left: 3rem; }
.timeline .item { position: relative; padding-bottom: 2rem; }
.timeline .item::before { background-color: #e6e6e6; content: ''; position: absolute; left: 5px; top: 0; z-index: 0; width: 1px; height: 100%; }
.timeline .item:last-child:before { display: none; }
.timeline .item:first-child:before { display: block; }
.timeline .item .icon-axis { position: absolute; left: -8px; top: 0; z-index: 10; width: 24px; height: 24px; line-height: 24px; border-radius: 50%; text-align: center; cursor: pointer; }
.timeline .item .icona { background: #fd0100; }
.timeline .item .iconb { background: #00a266; }
.timeline .item .iconc { background: #fe9159; }
.timeline .item .content { padding-left: 25px; }
.timeline .item .content h3 { font-size: 16px; font-weight: 700; color: #333; margin-bottom: 10px; padding-top: 5px; }
.timeline .item .content h3 i { color: #fd0100; }
.timeline .item .content p .copys { border: 1px #fe9159 dashed; padding: 5px 15px; margin-left: 10px; }
.timeline .item .content p { margin-bottom: 0; line-height: 1.5; }

.nuoshu img { width: 100%; display: block; padding: 10px; font-size: 14px; display: none; }

.zimg img { width: 100%; display: block; }
.zpop { position: relative; }
.zpop .itme h3 { color: #a91918; font-weight: 700; font-size: 1.25rem; }
.zpop .itme h4 { color: #a91918; font-weight: 700; font-size: 1.15rem; margin-top: 0.75rem; margin-bottom: 0.75rem; }
.zpop .itme h4 em { color: #a91918; font-weight: 700; font-size: 1.75rem; }
.zpop .itme p { background: #a91918; border: 2px #ffea5f solid; border-radius: 20px; padding: 0.2rem 1rem; width: 12rem; float: right; text-align: center; }
.zpop .itme p a { color: #fff; font-size: 14px; }
.ztwo .itme { position: absolute; right: 10%; top: 33%; text-align: right; }
.zthree .itme { position: absolute; right: 10%; top: 42%; text-align: right; }
.zfour .itme { position: absolute; right: 10%; top: 49%; text-align: right; }
.zt-box .itmes img { width: 100%; }
.ztwo .itmes { position: absolute; left: 7.3%; right: 8%; top: 15.5%; }
.zthree .itmes { position: absolute; left: 7.3%; right: 8%; top: 27%; }
.zfour .itmes { position: absolute; left: 7.3%; right: 8%; top: 31.5%; }
.zpop .itmes a span { font-size: 14px; display: block; background: #a91918; border: 1px #ffea5f solid; border-radius: 20px; padding: 0.3rem 1.5rem; float: right; text-align: center; position: relative; bottom: 3.5rem; right: 1.2rem; z-index: 9; color: #fff; }

.layhtq { background: #f37f28; z-index: 9999; height: 80px !important; border: 0 !important; box-shadow:none }
.layhtq h3{font-size:20px;color:#fff;padding:12px 0 0 15px;font-weight:700;}
.layhtq p { font-size: 17px; color: #fff; line-height:28px;padding-left:15px;margin-bottom:10px;}
.layhtq span { position: absolute !important; right: 5px; top: 0!important; color: #fff !important; font-size:28px !important; cursor: pointer; display: block; padding: 0 !important }
.layhtq a{color:#ff0}
.layitem{position:relative;width:100%;}

.h5-dialog { position: fixed; background: #fff; width: 50vw; height: 50vw; top: calc((100vh - 50vw) / 2); left: 25vw; z-index: 999999999; box-shadow: 0px 0px 12px #666; }
.info-box { height: 50%; padding: 15px; }
.info-box img { height: 100%; border-radius: 50%; float: left; }
.info-phone { float: left; margin: 6% 0 0 3%; width: 50%; line-height: 150%; word-break: keep-all; white-space: nowrap; font-size: 1.4rem; }
.info-btn { text-align: center; margin: 5% 0 0; }
.info-btn a { cursor: pointer; vertical-align: middle; margin: 0; position: relative; display: inline-block; color: #fff; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, .05); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, .05); box-shadow: 0 1px 0 rgba(0, 0, 0, .05); -webkit-transition: all .15s ease; -moz-transition: all .15s ease; -o-transition: all .15s ease; transition: all .15s ease; -webkit-border-radius: 2px; -webkit-background-clip: padding-box; -moz-border-radius: 2px; -moz-background-clip: padding; border-radius: 2px; background-clip: padding-box; font-size: 13px; font-size: 11px; padding: 2px 7px; text-decoration: none; }
.info-btn a:first-child { background-color: #7e3794 !important; border-color: #7e3794 !important; }
.info-btn a:last-child { background-color: #53a93f !important; border-color: #53a93f !important; }
.info-con { padding: 0 5%; font-size: 1.2rem; line-height: 120%; word-break: keep-all; white-space: nowrap; }

.langages { background: #f2f2f2; padding: 20px; font-size: 14px; }
.langages span { margin-left: 5px; display: inline-block;font-size:14px; }
.langages span a { display: inline-block; padding: 3px 6px;border-radius:2px;color:#666 }
.langages  .active {  color: #e7403c;  }

.linfo{padding:2px 0;font-size:13px;color:#666;}
.linfo span{ margin-right:10px;}

.ynvide{overflow:hidden}
.ynvide .navs { background: #fff; padding: 15px 5px; }
.ynvide .list {  width:100%;display:flex;justify-content:space-between}
.ynvide .navs a { display: inline-block; margin: 0 5px; font-size: 12px; white-space:nowrap; height: 24px; line-height: 22px; border-radius: 16px; color: #555; border: 1px solid rgba(255,255,255,0.5); background:#ddd; box-sizing: border-box; display: inline-block; vertical-align: top; padding: 0px 12px; }
.ynvide .navs a.active { background: #e7403c; color: #fff; }
.ynbtn { margin: 20px; }
.ynbtn button { width: 100%; background: #ff3333; border-radius: 20px; color: #fff; border: 1px #ff3333 solid; padding: 6px 0; font-size: 16px }
.ynbtn a { width: 100%; background: #ff3333; border-radius: 20px; color: #fff; border: 1px #ff3333 solid; padding: 6px 0; font-size: 16px }

.upscroll { height: 35px; width: 100%; margin-top: 5px; background:#ddd; }
.uscroll { width: 100%; height: 35px; overflow: hidden; }
.uscroll .uscroll-bd { width: 100%; }
.uscroll .uscroll-bd li img { width: 20px; height: 20px; display: inline-block; border-radius: 100%;vertical-align:middle }
.uscroll .uscroll-bd li { font-size: 13px; padding: 0 10px; height: 35px;  line-height:35px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#666;}

header.mui-bar { background: #f1f1f1 url(/Content/images/bodybg.png) no-repeat left top; color: #fff; background-size: cover }
header .head-avatar { padding: 7px; position:relative; }
header .head-avatar img { width: 30px; height: 30px; border-radius: 50%; float: left; }
header .head-share { color: #fff !important; }
header .head-share i.mui-icon-refreshempty { color: #fff; top: -1px !important; left: 4px; vertical-align: middle; }
header.mui-bar .mui-title { left: 55px; }
header .htq-line-nav { background: none; }
header.mui-bar .mui-icon-arrowleft { color: #fff; }
.mui-content { background: none; }
.adtop, .protab, .langages, .logos { background: none!important; }

.langages, .langages span a {color:#999;}
.langages .active { color: #0096ff; }

/*header .htq-line-nav li a, .htq-line-nav li a.active { color: #fff; }*/
header .htq-line-nav li a.active { color: #efefef; border-bottom: 2px #fff solid; font-weight:bold; }
header .uscroll .uscroll-bd li {color:#fff;}
header .htq-line-nav a { color: #efefef; }
.focus { background: none !important; width: 100%; margin: 0 auto 10px; }
.focus .hd img, .focus .bd img {}

.header-blue .mui-title {color:#fff; text-align:left;}

header .top {height:40px; line-height:50px; text-align:center;}
.uscroll .uscroll-bd li {padding-left:15px;}
.uscroll .uscroll-bd li img { margin: -2px 0 0; }

.index-bar .uscroll { width: calc(100% - 20px); height: 35px; overflow: hidden; margin: 0 10px; background: #f1f1f1; border-radius: 5px; }
.index-bar a { color: #007aff;}

img.avatars_r { position: absolute; top: 25px; left: 25px; border-radius: unset !important; width: 15px !important; height: auto !important; }


.mui-pagination li{display:inline-block}
.mui-pagination li.mui-disabledd { margin-left: 0; border-top-left-radius: 6px; border-bottom-left-radius: 6px; background-clip: padding-box; opacity: .6; color: #777; border: 1px solid #ddd; background-color: #fff; }