@charset "utf-8"; #think_page_trace_open{display: none;z-index: 9999;}
#cnzz_stat_icon_1273965709{display: none;}
#cnzz_stat_icon_1273966498{display: none;}
.weui-cells{margin-top: 14px;font-size: 15px;}
.weui-cell{padding: 15px;}
.weui-label{width: 90px;}
.weui-cell_select{padding: 2px 0;}
.weui-cell_vcode{padding-top: 0;padding-bottom: 0;padding-right: 0;}
.weui-dialog{border-radius: 5px;}
.weui-dialog__hd{padding: 0;position: relative;}
.weui-dialog__bd{padding: 0;min-height: 50px;position: relative;}
.weui-dialog__title {}

.weui-dialog__title strong{display: block;}
.weui-dialog__title1, .weui-dialog__title2{display: block;padding-top: 2px;height: 44px;line-height: 44px;text-align: center;color: #333;font-size: 17px;font-weight: normal;position: relative;}
.weui-dialog__title1:after{content: "";position: absolute;left: 0;right: 0;height: 1px;-webkit-transform: scaleY(0.5);transform: scaleY(0.5);overflow: hidden;bottom: 0;border-bottom: 1px solid #E4E5E9;-webkit-transform-origin: 0 100%;transform-origin: 0 100%;}
.weui-dialog__title1 span, .weui-dialog__title2 span {}

.weui-dialog__title1 i, .weui-dialog__title2 i{display: block;width: 44px;height: 44px;line-height: 44px;text-align: center;color: #999;font-size: 21px;cursor: pointer;position: absolute;top: 0;right: 0;}
.weui-dialog__title2{padding: 8px 0 4px;}
.weui-dialog__title2 i{top: 8px;}
.weui-dialog__btn{color: #F60;}
.weui-toast_content{font-size: 16px;}
.weui-photo-browser-modal{background: url(../image/loading.gif) center center no-repeat;background-size: 30px 30px;background-color: rgba(0, 0, 0, .6);z-index: 992;}
.weui-photo-browser-modal .photo-container{justify-content: center;}
.hide{display: none;}
.hover-class:active{ background-color: #eee!important;}

/*mask*/

.mask{width: 100%;height: 100%;background-color: #000;filter: alpha(Opacity=40);-webkit-opacity: 0.4;-moz-opacity: 0.4;opacity: 0.4;position: fixed;z-index: 998;top: 0;display: none;}
body{font-size: 14px;background-color: #F1F2F6;-webkit-tap-highlight-color: transparent;}
a{color: #222; cursor: pointer;}
a:hover{color: #222;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
em,i{font-style: normal;}
.nodata{margin: 20px 10px;padding: 0;height: 50px;line-height: 50px;text-align: center;color: #999;font-size: 14px;}
#pagemore{ text-align: center; background: none; background-color: transparent;}
.ltips{ background-color: #fef3c6; border-bottom: 1px solid #ffd6ad;}
.ltips a{ display: block;padding: 6px 12px 4px;}

/*gotop*/

#gotop{width: 40px;height: 40px;background: url(../image/gotop.png) center center no-repeat;background-size: 100% auto;position: fixed;bottom: 110px;right: 8px;z-index: 991;display: none;}

/*linea*/

.linea, .lineb, .lineab{position: relative;}
.linea:after, .lineab:after, .lineb:before, .lineab:before{content: "";position: absolute;left: 0;right: 0;height: 1px;-webkit-transform: scaleY(0.5);transform: scaleY(0.5);overflow: hidden;}
.linea:after, .lineab:after{bottom: 0;border-bottom: 1px solid #E4E5E9;-webkit-transform-origin: 0 100%;transform-origin: 0 100%;}
.lineb:before, .lineab:before{top: 0;border-top: 1px solid #E4E5E9;-webkit-transform-origin: 0 0;transform-origin: 0 0;}

/*flex*/

.flex{ display: -webkit-box; display: -webkit-flex; display: flex; box-sizing: border-box; position: relative;}
.flex .flex-1{ display: block; width: 100%; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1;}
.flex .flex-w{ display: block; width: 100%;}

/*modal-wrap*/

.modal-wrap{ width: 84%; background-color: #FFF; border-radius: 16px; word-wrap: break-word; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-backface-visibility: hidden; backface-visibility: hidden;position: fixed; top: 50%; left: 50%; z-index: 900; animation-name: modal-transform; animation-duration: 0.1s; animation-timing-function: linear; animation-delay: 0; animation-iteration-count: 1; animation-direction: normal;}
.modal-title{ padding-top: 10px; height: 50px; line-height: 50px; text-align: center; color: #333; font-size: 16px; font-weight: bold;}
.modal-title_left{ padding: 0 16px; height: 44px; line-height: 44px; text-align: left; color: #333; font-size: 14px; font-weight: 500; position: relative;}
.modal-title_left::after{ box-sizing: border-box; content: ' '; pointer-events: none; position: absolute; right: 0; bottom: 0; left: 0; border-bottom: 1px solid #eee; -webkit-transform: scaleY(0.5); transform: scaleY(0.5);}
.modal-close{ padding: 12px; width: 22px; height: 22px; line-height: 22px; text-align: center; overflow: hidden; position: absolute; top: 0; right: 0; z-index: 10;}
.modal-close .iconfont{ color: #666; font-size: 20px;}
.modal-content{ padding: 5px 15px 20px; line-height: 24px; text-align: center; color: #222; font-size: 16px;}
.modal-btn{ display: flex; flex-direction: row; position: relative;}
.modal-btn::after{ box-sizing: border-box; content: ' '; pointer-events: none; position: absolute; right: 0; top: 0; left: 0; border-bottom: 1px solid #eee; -webkit-transform: scaleY(0.5); transform: scaleY(0.5);}
.modal-btn ._btn{ flex: 1; height: 56px; line-height: 56px; text-align: center; font-size: 16px; font-weight: bold; position: relative;}
.modal-btn ._btn:not(:first-child)::after{ display: block; content: ' '; height: 100%; position: absolute; top: 0; left: 0; bottom: 0; border-left: 1px solid #eee; -webkit-transform: scaleY(0.5); transform: scaleY(0.5);}
.modal-mask{ z-index: 899;}

/*主题默认按钮*/

.theme_bt1{ display: block; margin: 20px;height: 44px;line-height: 44px;text-align: center;color: #FFF;font-size: 17px;background-color: #F60;border-radius: 3px;overflow: hidden;}
.theme_bt1:hover{color: #FFF;}
.theme_bt1:not(.weui-btn_disabled):active{color: hsla(0, 0%, 100%, .6);background-color: #F60;}
.theme_bt1:after{border: 0;}
.theme_bt1 button{display: block;width: 100%;height: 44px;line-height: 44px;color: #FFF;font-size: 17px;border: 0;background-color: transparent;}
.theme_bt2{margin: 20px 12px;height: 44px;line-height: 44px;color: #F60;font-size: 17px;border-color: #F60;border-radius: 3px;overflow: hidden;}
.theme_bt2:hover{color: #F60;}
.theme_bt2:not(.weui-btn_plain-disabled):active{color: #F60;border-color: #F60;}
.theme_bt2 button{display: block;width: 100%;height: 44px;line-height: 44px;color: #F60;font-size: 17px;border: 1px solid #F60;background-color: transparent;}

/*theme_tit*/

.theme_tit1{ padding: 16px 8px 10px 12px;height: 16px;line-height: 16px; background-color: #FFF;overflow: hidden;}
.theme_tit1 span{ display: inline-block;float: left;padding-left: 10px;color: #222;font-size: 14px;font-weight: bold;border-left: 4px solid #F60;overflow: hidden;}
.theme_tit1 a{ display: inline-block;float: right;width: 100px;text-align: right;color: #999;}
.theme_tit1 a i{ color: #999;font-size: 13px;}
.theme_more1{height: 42px;line-height: 42px;text-align: center;color: #222;font-size: 13px;background-color: #FFF;}
.theme_more1 a{color: #222;}

/*page*/

.page {}

.pager{margin-top: 10px;padding: 0 12px;height: 48px;line-height: 48px;text-align: center;background-color: #FFF;position: relative;}
.pager:before{content: "";position: absolute;left: 0;top: 0;right: 0;height: 1px;border-top: 1px solid #E4E5E9;-webkit-transform-origin: 0 0;transform-origin: 0 0;-webkit-transform: scaleY(0.5);transform: scaleY(0.5);overflow: hidden;}
.pager:after{content: "";position: absolute;left: 0;bottom: 0;right: 0;height: 1px;border-bottom: 1px solid #E4E5E9;-webkit-transform-origin: 0 100%;transform-origin: 0 100%;-webkit-transform: scaleY(0.5);transform: scaleY(0.5);overflow: hidden;}
.pager i{color: #999;}
.pager li{display: inline-block;float: left;color: #666;font-size: 16px;}
.pager li:last-child{float: right;}
.pager li.currentpages{margin-left: -50px;width: 100px;height: 48px;text-align: center;font-size: 14px;position: absolute;left: 50%;top: 0;}
.pager li.disabled{color: #999;}

/*prev_next*/

.prev_next{padding: 2px 12px;}
.prev_next li{line-height: 44px;border-bottom: 1px solid #EEE;}
.prev_next li:last-child{border-bottom: none;}
.prev_next a{display: block;width: 100%;}
.prev_next span{color: #222;font-weight: bold;}

/*header*/

header{clear: both;width: 100%;height: 44px;line-height: 44px;text-align: center;color: #333;font-size: 16px;background: #fff;border-bottom: 1px solid #EEE;overflow: hidden;position: fixed;left: 0;top: 0;z-index: 990;}
header a{display: block;width: 80px;height: 44px;line-height: 44px;text-align: center;color: #333;position: absolute;top: 0;right: 0;}
header a:hover{color: #666;text-decoration: none;}
header a.header_back{width: 44px;left: 14px;}
header a.header_back:before{content: "";display: inline-block;height: 10px;width: 10px;border-width: 0 0 2px 2px;border-color: #999;border-style: solid;-webkit-transform: matrix(.71, .71, -.71, .71, 0, 0);transform: matrix(.71, .71, -.71, .71, 0, 0);position: absolute;top: 50%;left: 0;margin-top: -6px;}
header a.header_right {}

header .header_font{display: block;width: 160px;height: 44px;line-height: 44px;text-indent: 0;text-align: right;font-size: 15px;overflow: hidden;position: absolute;top: 0;right: 12px;}
header a:hover.header_font {}

header .tits{padding: 0 38px;overflow: hidden;}
header .header_logo{display: block;padding: 0 0 0 50px;margin: 0 auto;width: 50px;height: 44px;text-align: left;background: url(../image/mlogo.png) 0 center no-repeat;background-size: auto 100%;}
header a.header_ricon{width: 44px;right: 4px;}
.headerh{width: 100%;height: 44px;overflow: hidden;}

/*header_search_bar*/

.header_search_bar{ width: 64%; height: 30px; overflow: hidden;position: absolute;top: 8px;left: 18%;}
.header_search_bar .sip{ display: block; padding: 0 5%; width: 88%; height: 28px; line-height: 28px; font-size: 13px; background-color: rgba(255, 255, 255, .9); border-radius: 18px; overflow: hidden;border: 1px solid #f60;}
.header_search_bar .sbt{ width: 48px; height: 30px; line-height: 30px; text-align: center; color: #fff; font-size: 13px; font-weight: bold; background-color: #f60; border-radius: 18px; position: absolute;top: 0;right: 0;}
.header_search_bar .sbt i{ color: #666; font-size: 18px;}

/*footer*/

footer{clear: both;text-align: left;width: 100%;height: 50px;background: #FFF;background-size: auto 100%;-webkit-box-shadow: 0 0 8px 0 rgba(80%, 80%, 80%, 0.5);box-shadow: 0 0 8px 0 rgba(80%, 80%, 80%, 0.5);position: fixed;bottom: 0;left: 0;z-index: 991;}
footer:before{content: "";position: absolute;left: 0;top: 0;right: 0;height: 1px;border-top: 1px solid #E4E5E9;-webkit-transform-origin: 0 0;transform-origin: 0 0;-webkit-transform: scaleY(0.5);transform: scaleY(0.5);overflow: hidden;}
footer:after{clear: both;display: block;height: 0;content: ".";overflow: hidden;}
footer a{display: inline-block;float: left;width: 20%;text-align: center;color: #555;font-size: 10px;background-size: auto 100%;}
footer a.current{color: #F60;}
footer a:first-child{background: none;}
footer a i{display: block;width: 20px;height: 20px;margin: 8px auto 4px auto;background-repeat: no-repeat;background-size: 100% auto;position: relative;}
footer a i em{display: block;width: 8px;height: 8px;background-color: #F60;border: 2px solid #FFF;border-radius: 8px;position: absolute;top: -2px;right: -4px;z-index: 2;}
footer a i.footer_nav_index{background-image: url(../image/footer_index.png);}
footer a i.footer_nav_order{background-image: url(../image/footer_order.png);}
footer a i.footer_nav_lawyer{background-image: url(../image/footer_lawyer.png);}
footer a i.footer_nav_task{background-image: url(../image/footer_task.png);}
footer a i.footer_nav_user{background-image: url(../image/footer_user.png);}
footer a.current i.footer_nav_index{background-image: url(../image/footer_index_on.png);}
footer a.current i.footer_nav_order{background-image: url(../image/footer_order_on.png);}
footer a.current i.footer_nav_lawyer{background-image: url(../image/footer_lawyer_on.png);}
footer a.current i.footer_nav_task{background-image: url(../image/footer_task_on.png);}
footer a.current i.footer_nav_user{background-image: url(../image/footer_user_on.png);}
footer a.fnindex{float: none;width: 58px;height: 58px;text-align: center;background-color: #FFF;border-radius: 50%;position: absolute;left: 50%;bottom: 0;z-index: 99;margin-left: -31px;-webkit-box-shadow: 0 -2px 4px 0 rgba(80%, 80%, 80%, 0.3);box-shadow: 0 -2px 4px 0 rgba(80%, 80%, 80%, 0.3);overflow: hidden;}
footer a.fnindex i{margin: 8px auto 2px;width: 40px;height: 30px;background-image: url(../image/footer_logo.png);}
footer a.fnindex.current i{background-image: url(../image/footer_logo_on.png);}
footer a.fnindex.current{color: #555;}
.footerh{width: 100%;height: 50px;overflow: hidden;}

/*footer_order_sub*/

.footer_order_sub1{ display: none; width: 110px;background-color: #FFF;-webkit-box-shadow: 0 0 10px 6px rgba(0, 0, 0, 0.1);box-shadow: 0 0 10px 6px rgba(0, 0, 0, 0.1);position: fixed; left: 8px; bottom: 50px; z-index: 993;}
.footer_order_sub1 li{ padding: 0 10px; height: 40px; line-height: 40px; text-align: left;font-size: 14px; border-bottom: 1px solid #EEE; position: relative;}
.footer_order_sub1 li.current{background-color: #F6F6F6;}
.footer_order_sub1 li:last-child{border-bottom: none;}
.footer_order_sub2{ display: none; width: 100%; position: fixed;left: 0; bottom: 50px; z-index: 992;}
.footer_order_sub2 div{ padding: 0 8px 0 118px;}
.footer_order_sub2 img{ display: block; width: 100%; max-width: 600px; height: auto; border: 1px solid #DDD; border-radius: 8px;-webkit-box-shadow: 0 10px 6px 0 rgba(0, 0, 0, 0.1);box-shadow: 0 0 10px 6px rgba(0, 0, 0, 0.1);}

/*footer_sub_consult*/

.footer_sub_consult{ display: none; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .6); position: fixed; left: 0; top: 0; z-index: 999;}
.footer_sub_consult ul{ display: block; margin: 0 12%;width: 76%; position: fixed; left: 0; bottom: 70px;}
.footer_sub_consult li{ margin-top: 10px;padding: 12px; height: 52px; background-color: #FFF; border-radius: 6px; overflow: hidden; position: relative;}
.footer_sub_consult li .icon{ width: 52px; height: 52px; background-color: #F60; background-position: center center; background-repeat: no-repeat; background-size: 62% auto; border-radius: 4px; position: absolute; left: 12px; top: 12px;}
.footer_sub_consult li .desc{ padding-left: 64px; background-color: #FFF;}
.footer_sub_consult li .desc em{ width: 100px; height: 20px; line-height: 20px; text-align: right;color: #999; font-size: 13px; position: absolute; top: 14px; right: 12px;}
.footer_sub_consult li .desc span{ display: block;color: #000; font-size: 14px; font-weight: 400;}
.footer_sub_consult li .desc p{ padding-top: 2px; line-height: 16px; color: #999; font-size: 12px;}
.footer_sub_consult .li1 .icon{background-image: url(../image/index_consul1_1_w.png); background-color: #6edb7b;}
.footer_sub_consult .li2 .icon{background-image: url(../image/index_consul1_2_w.png); background-color: #ff7271;}
.footer_sub_consult .li3 .icon{background-image: url(../image/index_consul1_3_w.png); background-color: #6dbefd;}
.footer_sub_consult .li4 .icon{background-image: url(../image/index_consul1_4_w.png); background-color: #a3aaf8;}
.footer_sub_consult .clo{ display: block; width: 30px; height: 30px; line-height: 30px; text-align: center; color: #FFF; font-weight: bold; background-color: #F60; border-radius: 50%; overflow: hidden; position: fixed; left: 50%; bottom: 20px; margin-left: -15px;}
.footer_sub_consult .clo i{font-size: 18px;}

/*tab2*/

.tab2{width: 100%;height: 40px;line-height: 40px;background-color: #FFF;overflow: hidden;position: fixed;left: 0;top: 44px;z-index: 980;}
.tab2 ul{display: block;}
.tab2 ul:after{clear: both;display: block;height: 0;content: ".";overflow: hidden;}
.tab2 li{display: inline-block;float: left;width: 50%;height: 40px;text-align: center;color: #666;font-size: 15px;box-sizing: border-box;overflow: hidden;}
.tab2 li.current{color: #F60;border-bottom: 2px solid #F60;}
.tab2 li.current a{color: #F60;text-decoration: none;}
.tab2h{width: 100%;height: 40px;overflow: hidden;}

/*tab-cells*/

.tab-cells{ display: -webkit-box; display: box; display: -webkit-flex; display: flex; box-sizing: content-box; width: 100%; height: 44px; background-color: #fff; -webkit-user-select: none; user-select: none; border-bottom: 1px solid #EEE; position: fixed; z-index: 780;}
.tab-cell{ display: block; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; box-sizing: border-box; min-width: 0; padding: 0 5px; line-height: 44px; text-align: center; color: #333; font-size: 15px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; position: relative;}
.tab-cells .current{ color: #F60;}
.tab-cells .current:after{content: ' '; width: 60%; height: 3px; background-color: #f60; border-radius: 20px; position: absolute; left: 20%; bottom: 0; z-index: 2; overflow: hidden;}
.tab-cellh{ width: 100%; height: 44px; overflow: hidden;}

/*share*/

.share{ margin: 8px 4px 30px;}
.share_friend, .share_friends, .share_more{ display: inline-block; float: left; text-align: center;}
.share_friend{width: 44%;}
.share_friends{width: 44%;}
.share_more{ width: 12%; background-color: transparent; border: none;}
.share_friend span, .share_friends span{ display: block; margin: 0 4px;height: 36px; line-height: 36px; text-align: center; background-color: #FFF; border: 1px solid #DDD; border-radius: 6px;}
.share_more span{height: 38px; line-height: 38px;color: #5080BC;}
.share_friend i{ margin-right: 4px; padding: 12px;background: url(../image/share_friend.png) center center no-repeat; background-size: 100% auto;}
.share_friends i{margin-right: 4px; padding: 12px;background: url(../image/share_friends.png?11) center center no-repeat; background-size: 100% auto;}

/*area*/

#area{width: 100%;position: relative;}
#area:before, #area:after{content: "";display: inline-block;height: 6px;width: 6px;border-width: 2px 2px 0 0;border-color: #c8c8cd;border-style: solid;-webkit-transform: matrix(.71, .71, -.71, .71, 0, 0);transform: matrix(.71, .71, -.71, .71, 0, 0);position: absolute;top: 50%;right: 50%;margin: -4px 15px 0 0;z-index: 2;}
#area:after{right: 0;}
#area select{-webkit-appearance: none;border: 0;outline: 0;background-color: transparent;width: 50%;font-size: inherit;height: 45px;line-height: 45px;position: relative;z-index: 1;padding: 0 30px 0 15px;}

/*lbtips_gotask*/

.lbtips_gotask{padding: 8px 12px;line-height: 20px;color: #F60;background-color: #fff1d7;position: relative;}
.lbtips_gotask a{color: #F60;}
.lbtips_gotask .close{width: 18px;height: 18px;line-height: 18px;text-align: center;background-color: #DDD;border-radius: 100%;overflow: hidden;position: absolute;right: 12px;top: 50%;margin-top: -9px;}
.lbtips_gotask .close i{color: #999;font-size: 13px;}

/*lbtag*/

.lbtag{ display: inline-block; width: 55px; height: 18px; text-align: left; text-indent: -2000em; background-position: center center; background-repeat: no-repeat;background-size: auto 100%;}
.lbtag_cheng{ background-image: url(../image/lbtag_cheng.png);}
.lbtag_zhuan{ background-image: url(../image/lbtag_zhuan.png);}
.lbtag_gao{ background-image: url(../image/lbtag_gao.png);}
.lbtag_te{ background-image: url(../image/lbtag_te.png);}

/*tab_bar*/

.tab_bar{width: 100%;height: 44px;background-color: #FFF;position: fixed;top: 44px;left: 0;z-index: 910;}
.tab_bar ul{display: block;}
.tab_bar ul:after{clear: both;display: block;height: 0;content: ".";overflow: hidden;}
.tab_bar li{display: inline-block;float: left;width: 33.33%;height: 44px;line-height: 44px;text-align: center;}
.tab_barh{width: 100%;height: 44px;overflow: hidden;}

/*tab_mask*/

.tab_mask{z-index: 900;display: block;}

/*tab_list1*/

.tab_list1{width: 100%;height: 240px;background-color: #FFF;overflow: hidden;overflow-y: scroll;position: fixed;top: 88px;left: 0;z-index: 910;}
.tab_list1 li{padding: 0 12px;height: 40px;line-height: 40px;}

/*single*/

.single{text-align: left;}
.single .cbox{padding: 12px;line-height: 24px;}
.single .cbox p{padding: 4px 0;text-align: left;}

/*=========================POPUP S==========================*/


/*account_popup*/

.popup_account{width: 100%;overflow: hidden;}
.popup_account_form{padding: 2px 12px 0;background-color: #FFF;}
.popup_account_form li{margin-bottom: 10px;height: 42px;background-repeat: no-repeat;background-position: 0 center;background-size: 24px auto;overflow: hidden; border: 1px solid #DDD; border-radius: 3px; position: relative; z-index: 1000;}
.popup_account_form li .ip{padding: 5px 0;width: 100%;height: 32px;line-height: 32px; text-indent: 8px;color: #222;font-size: 15px;border: none;background-color: #FAFAFA;}
.popup_account_form li .img, .popup_account_form li .bt{display: block;padding: 0;width: 90px;height: 42px;line-height: 42px;text-align: center;border: none;position: absolute;top: 0;right: 0;z-index: 3;border-radius: 0 3px 3px 0;overflow: hidden;}
.popup_account_form li .img {}

.popup_account_form li .bt{color: #222;font-size: 14px;background-color: #F0F0F0;}
.popup_account_form li.acc {}

.popup_account_form li.pas {}

.popup_account_form li.ver{display: none;}
.popup_account_form li.sms {}

.popup_account_attach{padding: 0 12px 0;height: 24px;line-height: 24px;text-align: left;}
.popup_account_attach a{color: #586C94;}
.popup_account_bts{padding: 8px 12px;height: 40px;overflow: hidden;}
.popup_account_bts .bt1{display: block;width: 100%;height: 40px;line-height: 40px;text-align: center;color: #FFF;font-size: 16px;font-family: "Microsoft YaHei";background-color: #F60;border: 0;border: none;border-radius: 3px;cursor: pointer;}
.popup_account_way{margin: 4px auto 12px;padding: 0 12px;height: 20px;line-height: 20px; text-align: center; color: #999;font-size: 14px;overflow: hidden;}
.popup_account_way ._left, .popup_account_way ._right{ display: inline-block;}
.popup_account_way ._left{ float: left;}
.popup_account_way ._right{ float: right; color: #f60;}

/*=========================POPUP E==========================*/


/*=========================SITE S==========================*/


/*account_tab*/

.account_tab{width: 100%;height: 44px;background-color: #FFF;border-bottom: 1px solid #E4E5E9;}
.account_tab li{display: inline-block;float: left;margin: 0 4%;padding-top: 2px;width: 42%;height: 40px;line-height: 40px;text-align: center;color: #222;font-size: 16px;border-bottom: 2px solid #FFF;}
.account_tab li.current{color: #F60;border-bottom-color: #F60;}

/*account_back*/

.account_back{width: 44px;height: 44px;position: fixed;left: 14px;top: 0;}
.account_back:before{content: " ";display: inline-block;height: 10px;width: 10px;border-width: 0 0 2px 2px;border-color: #F60;border-style: solid;-webkit-transform: matrix(.71, .71, -.71, .71, 0, 0);transform: matrix(.71, .71, -.71, .71, 0, 0);position: absolute;top: 50%;left: 0;margin-top: -6px;}

/*account_code*/

.account_code{padding: 0 12px;height: 32px;line-height: 32px;color: #666;background-color: #fff1d7;}
.account_code em{color: #F60;}

/*account_plogin*/

.account_plogin{width: 100px;height: 44px;line-height: 44px;text-align: right;color: #F60;font-size: 16px;position: fixed;right: 12px;top: 4px;}

/*account_logo*/

.account_logo{margin-top: -10px;}
.account_logo .icon{display: block;margin: 0 auto;width: 90px;height: 80px;background: url(../image/mlogo.png) center center no-repeat;background-size: 100% auto;}
.account_logo .desc{margin-top: -4px;height: 30px;text-align: center;color: #BBB;font-size: 13px;}

/*account_con*/

.account_form{margin: 10px 12px 0;background-color: #FFF;}
.account_form li{padding: 1px 0;background-repeat: no-repeat;background-position: 0 center;background-size: 32px auto;background: none;position: relative;}
.account_form li .ip{padding: 6px 0;width: 100%;height: 38px;line-height: 38px;color: #222;font-size: 16px;border: none;}
.account_form li .bt {}

.account_form li .bt1, .account_form li .img1{display: block;width: 100px;height: 38px;line-height: 38px;text-align: center;color: #FFF;font-size: 14px;background-color: #F60;border: none;border-radius: 2px;position: absolute;top: 6px;right: 0;overflow: hidden;}

/*
.account_form li.acc{background-image:url(../image/account_mobile.png);}
.account_form li.sms{background-image:url(../image/account_code.png);}
.account_form li.ver{display:none;background-image:url(../image/account_verify.png);}
.account_form li.pas{background-image:url(../image/account_password.png);}
*/

.account_form li.ver{display: none;}
.account_agreement{padding: 4px 12px 0;height: 32px;line-height: 32px;color: #666;}
.account_agreement a{color: #586C94;}
.account_link{padding: 8px 12px 12px;color: #666;}
.account_link a{color: #586C94;}
.account_link .a1 {}

.account_link .a2{display: inline-block;float: right;}

/*account_ltype*/

.account_ltype{padding-top: 4px;height: 20px;line-height: 20px;text-align: center;color: #999;}
.account_ltype a{color: #888;font-size: 15px;}
.account_ltype em{padding: 0 8px;color: #999;font-size: 14px;}

/*account_bot*/

.account_bot{width: 100%;height: 60px;line-height: 60px;text-align: center;color: #DDD;font-size: 15px;}
.account_bot a{padding: 0 4px;color: #586C94;}

/*order_process*/

.order_process{padding: 0 10px;}
.order_process ul{display: -webkit-box; display: box;counter-reset: step;}
.order_process li{display: inline-block;float: left; height: 68px;text-align: center;color: #888; font-size: 12px;position: relative;-webkit-box-flex: 1; box-flex: 1;}
.order_process li:after, .order_process li:before{content: "";position: absolute;right: 0;width: 50%;height: 1px;-webkit-transform: scaleY(0.5);transform: scaleY(0.5);overflow: hidden;top: 22px;border-top: 1px solid #CCC;-webkit-transform-origin: 0 0;transform-origin: 0 0; z-index: -1;}
.order_process li:before{left: 0;}
.order_process li:after{right: 0;}
.order_process li:last-child:after{display: none;}
.order_process li i{display: block;margin: 14px auto 2px;width: 8px;height: 8px;background-color: #DDD;border: 4px solid #F1F2F6;border-radius: 50%;}
.order_process li span{display: block;line-height: 24px; font-size: 12px;}
.order_process .ul1 {}

.order_process .ul1 li:first-child:before{ display: none;}
.order_process .ul1 li:first-child:after{border-top: 1px solid #0c6;}
.order_process .ul1 li:first-child i{background-color: #0c6;border: 4px solid #ccf5e0;}

/*order_side*/

.order_side{width: 56px;height: 56px;line-height: 56px;text-align: center;color: #FFF;background-color: #F60;border-radius: 50%;position: fixed;left: 50%;bottom: 64px;margin-left: -28px;}
.order_side i{color: #FFF;font-size: 30px;}

/*order_tab*/

.order_tab{width: 100%;height: 50px;background-color: #FFF;position: fixed;left: 0;top: 44px;}
.order_tab li{display: inline-block;float: left;margin: 0 3%;width: 44%;line-height: 48px;text-align: center;font-size: 15px;font-weight: bold;border-bottom: 2px solid #FFF;}
.order_tab li.current{color: #F60;border-bottom-color: #F60;}
.order_tabh{width: 100%;height: 50px;overflow: hidden;}

/*order_lawyer*/

.order_lawyer{padding: 12px 12px 18px;height: 48px;position: relative;overflow: hidden;}
.order_lawyer .icon{width: 48px;height: 48px;border-radius: 50%;position: absolute;left: 12px;top: 12px;overflow: hidden;}
.order_lawyer .icon img{display: block;width: 100%;height: 100%;}
.order_lawyer .desc{padding: 0 0 0 60px;line-height: 16px;color: #666;overflow: hidden;}
.order_lawyer .tits{padding: 5px 0 4px;height: 20px;line-height: 20px;overflow: hidden;}
.order_lawyer .tits em{padding-right: 2px;color: #222;font-size: 15px;font-weight: bold;}
.order_lawyer .prof{color: #999;height: 20px;line-height: 20px;overflow: hidden;}

/*order_row*/

.order_row{margin-top: -4px;text-align: left;background-color: #FFF;}
.order_row li{display: inline;float: left;padding: 8px 0;width: 50%;}
.order_row .tits{padding-top: 6px;height: 16px;line-height: 16px;color: #999;font-size: 13px;overflow: hidden;}
.order_row .tits i{font-size: 13px;}
.order_row .inp{padding-right: 16px;}
.order_row .ip{width: 100%;height: 32px;line-height: 32px;color: #222;font-size: 15px;background-color: transparent;border: none;overflow: hidden;}
.order_row .column{margin: 0 12px;background: url(../image/icon_right_dot.png) right 34px no-repeat;background-size: 10px auto;}
.order_row .region{margin: 0 12px;background: url(../image/icon_right_dot.png) right 34px no-repeat;background-size: 10px auto;}

/*order_textarea*/

.order_textarea{margin-top: 10px;padding: 12px;text-align: left;background-color: #FFF;}
.order_textarea .tt{display: block;width: 100%;height: 110px;line-height: 20px;color: #222;font-size: 15px;background-color: transparent;border: none;}

/*order_row2*/

.order_row2{margin-top: -4px;text-align: left;background-color: #FFF;}
.order_row2 li{display: inline;float: left;padding: 8px 0;width: 50%;}

/*order_fun*/

.order_fun{width: 100%;height: 52px;background-color: #FFF;position: fixed;left: 0;bottom: 50px;z-index: 999;}
.order_fun .ofunc, .order_fun .ofunb{display: inline-block;float: left;height: 52px;overflow: hidden;}
.order_fun .ofunc{width: 65%;position: relative;}
.order_fun .ofunc:after{content: "";display: inline-block;height: 10px;width: 10px;border-width: 2px 0 0 2px;border-color: #999;border-style: solid;-webkit-transform: matrix(.71, .71, -.71, .71, 0, 0);transform: matrix(.71, .71, -.71, .71, 0, 0);position: absolute;top: 50%;right: 12px;margin-top: -2px;}
.order_fun .ofunc .tits{padding: 8px 0 0 12px;height: 18px;line-height: 18px;color: #999;font-size: 13px;}
.order_fun .ofunc .desc{padding: 2px 0 0 12px;height: 18px;line-height: 18px;}
.order_fun .ofunc .desc span{color: #222;font-size: 15px;font-weight: bold;}
.order_fun .ofunc .desc em{color: #F00;font-size: 13px;}
.order_fun .ofunb{width: 35%;text-align: center;background-color: #F60;}
.order_fun .ofunb button{display: block;width: 100%;height: 52px;line-height: 52px;color: #FFF;font-size: 17px;border: 0;background-color: #F60;}
.order_funh{width: 100%;height: 52px;overflow: hidden;}

/*order_fun2*/

.order_fun2{width: 100%;height: 52px;line-height: 52px;background-color: #FFF;position: fixed;left: 0;bottom: 0;z-index: 999;}
.order_fun2 .con1, .order_fun2 .con2{display: inline-block;float: left;height: 52px;overflow: hidden;}
.order_fun2 .con1{width: 62%;text-indent: 12px;position: relative;}
.order_fun2 .con1:after{content: "";display: inline-block;height: 10px;width: 10px;border-width: 2px 0 0 2px;border-color: #AAA;border-style: solid;-webkit-transform: matrix(.71, .71, -.71, .71, 0, 0);transform: matrix(.71, .71, -.71, .71, 0, 0);position: absolute;top: 50%;right: 12px;margin-top: -2px;}
.order_fun2 .con1 .price{color: #F00;font-size: 21px;font-weight: bold;}
.order_fun2 .con1 .pay{padding-left: 6px;color: #555;font-size: 14px;}
.order_fun2 .con2{width: 38%;text-align: center;background-color: #F60;}
.order_fun2 .con2 button{display: block;width: 100%;height: 52px;line-height: 52px;color: #684319;font-size: 17px;border: 0;background-color: #f0cf8c;}
.order_fun2h{width: 100%;height: 52px;overflow: hidden;}

/*order_consul_word*/

.order_consult_word{padding: 20px 0 60px;line-height: 28px;text-align: center;color: #FFF;background-color: #e4b96f;}
.order_consult_word span{font-size: 21px;}
.order_consult_word p{font-size: 14px;}

/*order_consult_lawyer*/

.order_consult_lawyer{margin: -45px 12px 0;padding: 12px;font-size: 16px;background-color: #FFF;border-radius: 5px;}
.order_consult_lawyer .tits{padding: 0 0 20px;text-align: center;color: #999;font-size: 16px;}
.order_consult_lawyer .step{padding: 0 0 20px;text-align: center;color: #999;font-size: 14px;}
.order_consult_lawyer .con{min-height: 110px;}
.order_consult_lawyer .con i{display: block;margin: 10px auto 0;width: 72px;height: 72px;line-height: 72px;text-align: center;color: #e4b96f;font-size: 50px;font-weight: bold;border: 2px solid #e4b96f;border-radius: 50%;transform: rotate(45deg);}
.order_consult_lawyer .con span{display: block;margin: 60px auto 0;width: 260px;height: 44px;line-height: 44px;text-align: center;color: #e4b96f;font-size: 18px;border: 1px solid #e4b96f;border-radius: 22px;}
.order_consult_lawyer .sup{height: 20px;line-height: 20px;text-align: center;color: #e4b96f;font-size: 13px;overflow: hidden;}
.order_consult_lawyer .sup i{display: inline-block;width: 12px;height: 12px;line-height: 12px;text-align: center;color: #e4b96f;font-size: 13px;font-weight: bold;border: 1px solid #e4b96f;border-radius: 50%;}

/*order_type_list */

.order_type_list{width: 100%;background-color: #FFF;position: fixed;left: 0;bottom: 102px;z-index: 999;}
.order_type_list li{margin: 0 12px;padding: 10px 0 10px 56px;height: 44px;overflow: hidden;}
.order_type_list li .arr{width: 20px;height: 20px;line-height: 20px;text-align: center;background-color: #F2F2F2;border-radius: 50%;overflow: hidden;position: absolute;right: 0;top: 50%;margin-top: -10px;}
.order_type_list li .arr i{color: #FFF;font-size: 16px;font-weight: bold;}
.order_type_list li .icon{width: 44px;height: 44px;background-color: #F6F6F6;background-position: center center;background-repeat: no-repeat;background-size: 66% auto;border-radius: 6px;overflow: hidden;position: absolute;left: 0;top: 50%;margin-top: -22px;}
.order_type_list li .desc {}

.order_type_list li .desc span{display: block;padding: 2px 0;color: #222;font-size: 15px;}
.order_type_list li .desc p{color: #999;font-size: 13px;}
.order_type_list li .desc p em{color: #F00;}
.order_type_list li.current .arr{background-color: #F60;}
.order_type_list .li1 .icon{background-image: url(../image/index_consul1.png);}
.order_type_list .li2 .icon{background-image: url(../image/index_consul2.png);}
.order_type_list .li3 .icon{background-image: url(../image/index_consul3.png);}

/*order_word*/

.order_word{padding: 12px 12px 40px;font-size: 13px;}
.order_word .tits{color: #999;}
.order_word .con{line-height: 18px;color: #666;}
.order_word .con em{color: #F00;}

/*tel_type*/

.tel_type{ padding: 4px 12px 12px;}
.tel_type li{padding: 8px 0 0; text-align: left; position: relative; overflow: hidden;}
.tel_type li .arr{width: 24px;height: 24px;position: absolute;right: 0;top: 22px;}
.tel_type li .arr:before{content: "";display: inline-block;height: 10px;width: 10px;border-width: 2px 2px 0 0;border-color: #CCC;border-style: solid;-webkit-transform: matrix(.71, .71, -.71, .71, 0, 0);transform: matrix(.71, .71, -.71, .71, 0, 0);position: absolute;top: 50%;left: 0;margin-top: -6px;}
.tel_type li .tits{ padding: 8px 0 0;color: #222; font-size: 16px;}
.tel_type li .desc{ padding: 6px 0 16px;height: 16px;line-height: 16px;color: #999;font-size: 13px;}

/*order-note*/

.order-note{ margin: 10px 8px 0; height: 48px; color: #fff; font-size: 12px; background-color: #e8b963; background: -webkit-linear-gradient(to right, #e8b963, #f1ca81); background: linear-gradient(to right, #e8b963, #f1ca81); border-radius: 4px; overflow: hidden;}
.order-note ._logo{ flex-shrink: 0; padding-left: 4px; width: 50px; height: 48px; line-height: 48px; text-align: center;}
.order-note ._logo .iconfont{ color: #fff; font-size: 36px; opacity: .9;}
.order-note ._desc{ padding-top: 7px; line-height: 18px;}
.order-note ._desc p{ font-weight: bold;}
.order-note ._btn{ display: block; margin: 10px 10px 0 0; flex-shrink: 0; width: 76px; height: 28px; line-height: 28px; text-align: center; color: #ba8a2a; background-color: #fff; background: -webkit-linear-gradient(to right, #fff, #ffedc8); background: linear-gradient(to right, #fff, #ffedc8); border-radius: 14px; overflow: hidden;}

/*order2_type*/

.order2_type{ width: 100%; background-color: #F60;position: fixed; top: 0; left: 0; z-index: 991;}
.order2_type .bac{width: 44px; height: 44px; position: absolute; top: 0;left: 14px;}
.order2_type .bac:before{content: "";display: inline-block;height: 10px;width: 10px;border-width: 0 0 2px 2px;border-color: #FFF;border-style: solid;-webkit-transform: matrix(.71, .71, -.71, .71, 0, 0);transform: matrix(.71, .71, -.71, .71, 0, 0);position: absolute;top: 50%;left: 0;margin-top: -6px;}
.order2_type .tit{ height: 44px; line-height: 44px; text-align: center; color: #FFF; font-size: 16px;}
.order2_type li{ display: inline-block; float: left; padding-bottom: 6px; width: 25%; text-align: center; color: #FFF; font-size: 12px; overflow: hidden;}
.order2_type li .con{ display: block; margin: 0 auto; padding-top: 4px; width: 80px;height: 48px; border-radius: 4px; overflow: hidden;}
.order2_type li i{ display: block; margin: 0 auto; width: 24px; height: 24px; background-position: center center; background-repeat: no-repeat; background-size: 100% auto;}
.order2_type li span{ display: block; padding-top: 4px;}
.order2_type .li1 i{background-image: url(../image/index_consul2_1.png);}
.order2_type .li2 i{background-image: url(../image/index_consul2_2.png);}
.order2_type .li3 i{background-image: url(../image/index_consul2_3.png);}
.order2_type .li4 i{background-image: url(../image/index_consul2_4.png);}
.order2_type li.current .con{background-color: #ff944c;}
.order2_typeh{ width: 100%; height: 60px; overflow: hidden;}

/*order3_type*/

.order3_type{ padding: 0 10px; height: 20px; line-height: 20px;}
.order3_type .tit{ padding: 4px 0; font-weight: bold;}
.order3_type .tit em{color: #F60; font-weight: normal;}
.order3_type li{ display: inline-block; float: left; padding: 6px 0; width: 50%; height: 16px; line-height: 16px;color: #333;}
.order3_type li i{ display: inline-block; float: left; margin: -1px 4px 0 0; width: 16px; height: 16px;background: #FFF url(../image/check1_1.png?1) center center no-repeat; background-size: 100% auto;}
.order3_type li.current i{background-image: url(../image/check1_2.png?2);}

/*order2_textarea*/

.order2_textarea{ margin: 10px 10px 0; height: 210px; background-color: #FFF;border-radius: 4px; position: relative;}
.order2_textarea:after{content: '';position: absolute;top: 0;left: 0;z-index: 0;border: 1px solid #DDD;-webkit-box-sizing: border-box;box-sizing: border-box;width: 200%;height: 200%;border-radius: 6px;-webkit-transform: scale(0.5);transform: scale(0.5);-webkit-transform-origin: left top;transform-origin: left top;}
.order2_textarea textarea{ display: block; width: 94%; height: 210px; line-height: 24px; font-size: 15px; background-color: transparent;border: 0; border: none;position: absolute;top: 8px;left: 3%;z-index: 1;}

/*order2_row*/

.order2_row{margin: 8px 8px 0; padding: 0 12px; height: 44px; background-color: #FFF;border: 1px solid #EEE; border-radius: 4px; position: relative; overflow: hidden;}
.order2_row .tits{ display: inline-block; width: 100px;height: 44px; line-height: 44px; color: #000;font-size: 15px; position: absolute; left: 12px; top: 0; z-index: 1;}
.order2_row .inp {}

.order2_row .inp input{ display: block; width: 100%; height: 44px; line-height: 44px; text-align: right; color: #666; font-size: 15px; border: 0; border: none;}

/*order3_row1*/

.order3_row1 {}

.order3_row1 .tit{ padding: 12px 10px 8px; font-weight: bold;}
.order3_row1 .inp{ padding: 0 7px;}
.order3_row1 .inp li{ display: inline-block; float: left; width: 25%; height: 38px;overflow: hidden;}
.order3_row1 .inp li .con{ margin: 0 3px;height: 30px; line-height: 32px; text-align: center; background-color: #FFF; border-radius: 3px; position: relative;}
.order3_row1 .inp li .con:after{content: '';position: absolute;top: 0;left: 0;z-index: 0;border: 1px solid #DDD;-webkit-box-sizing: border-box;box-sizing: border-box;width: 200%;height: 200%;border-radius: 6px;-webkit-transform: scale(0.5);transform: scale(0.5);-webkit-transform-origin: left top;transform-origin: left top;}
.order3_row1 .inp li.current .con{color: #0c6;background-color: #f0fcf6;}
.order3_row1 .inp li.current .con:after{ border-color: #0c6;}

/*order3_row2*/

.order3_row2 {}

.order3_row2 .tit{ padding: 12px 10px 6px; font-weight: bold;}
.order3_row2 .inp{ padding: 0 7px;}
.order3_row2 .inp li{ display: inline-block; float: left; width: 25%; height: 62px;overflow: hidden;}
.order3_row2 .inp li .con{ margin: 0 3px; padding-top: 2px;height: 52px; text-align: center; font-size: 13px; background-color: #FFF; border-radius: 3px; position: relative;}
.order3_row2 .inp li .con .icon{margin: 0 auto;width: 30px;height: 30px;background-position: center center;background-repeat: no-repeat;background-size: 100% auto;}
.order3_row2 .inp li .con:after{content: '';position: absolute;top: 0;left: 0;z-index: 0;border: 1px solid #CCC;-webkit-box-sizing: border-box;box-sizing: border-box;width: 200%;height: 200%;border-radius: 6px;-webkit-transform: scale(0.5);transform: scale(0.5);-webkit-transform-origin: left top;transform-origin: left top;}
.order3_row2 .inp li.current .con{color: #F60;background-color: #fff6f0;}
.order3_row2 .inp li.current .con:after{ border-color: #F60;}
.order3_row2 .inp li.li1 .icon{background-image: url(../image/lawyer_search_icon1.png);}
.order3_row2 .inp li.li2 .icon{background-image: url(../image/lawyer_search_icon2.png);}
.order3_row2 .inp li.li3 .icon{background-image: url(../image/lawyer_search_icon3.png);}
.order3_row2 .inp li.li4 .icon{background-image: url(../image/lawyer_search_icon4.png);}
.order3_row2 .inp li.li5 .icon{background-image: url(../image/lawyer_search_icon5.png);}
.order3_row2 .inp li.li6 .icon{background-image: url(../image/lawyer_search_icon6.png);}
.order3_row2 .inp li.li7 .icon{background-image: url(../image/lawyer_search_icon7.png);}
.order3_row2 .inp li.li8 .icon{background-image: url(../image/lawyer_search_icon8.png);}
.order3_row2 .inp li.li9 .icon{background-image: url(../image/lawyer_search_icon9.png);}

/*order3_row3*/

.order3_row3{margin: 8px 10px 0; padding: 0 12px; height: 44px; background-color: #FFF; position: relative; overflow: hidden;}
.order3_row3:after{content: '';position: absolute;top: 0;left: 0;z-index: 0;border: 1px solid #DDD;-webkit-box-sizing: border-box;box-sizing: border-box;width: 200%;height: 200%;border-radius: 6px;-webkit-transform: scale(0.5);transform: scale(0.5);-webkit-transform-origin: left top;transform-origin: left top;}
.order3_row3 .tits{ display: inline-block; width: 100px;height: 44px; line-height: 44px; color: #333;font-size: 15px; position: absolute; left: 12px; top: 0; z-index: 1;}
.order3_row3 .inp{ padding-right: 16px;}
.order3_row3 .inp:before{content: "";display: inline-block;height: 8px;width: 8px;border-width: 1px 1px 0 0;border-color: #CCC;border-style: solid;-webkit-transform: matrix(.71, .71, -.71, .71, 0, 0);transform: matrix(.71, .71, -.71, .71, 0, 0);position: absolute;top: 50%;right: 12px;margin-top: -6px;}
.order3_row3 .inp input{ display: block; width: 100%; height: 44px; line-height: 44px; text-align: right; color: #333; font-size: 15px; border: 0; border: none;}

/*order2_bt*/

.order2_bt{ margin: 15px 9px 0;}

/*order2_sup*/

.order2_img{ display: block; width: 100%; height: auto;}

/*focus*/

.focus{width: 100%;overflow: hidden;position: relative;}
.focus .hd{width: 100%;height: 14px;text-align: center;overflow: hidden;position: absolute;left: 0;bottom: 8px;z-index: 1;}
.focus .hd li{display: inline-block;margin: 0 2px;width: 4px;height: 4px;text-indent: -2000em;background: #FFF;-moz-border-radius: 2px;-webkit-border-radius: 3px;border-radius: 3px;overflow: hidden;}
.focus .hd li.on{width: 8px;background: #F60;}
.focus .bd{position: relative;z-index: 0;}
.focus .bd li {}

.focus .bd li img{display: block;width: 100%;}

/*gift */

.gift_lawyer{padding: 14px 20px 4px;background-color: #FFF;position: relative;}
.gift_lawyer .icon{margin: 0 auto;width: 64px;height: 64px;}
.gift_lawyer .icon img{display: block;width: 64px;height: 64px;border-radius: 50%;}
.gift_lawyer .con{padding: 0 20px 28px;text-align: center;background: url(../image/gift_word.png) center 34px no-repeat;background-size: auto 24px;}
.gift_lawyer .con span{display: block;padding-top: 4px;height: 30px;line-height: 30px;font-size: 14px;}
.gift_word{padding: 0 20px;height: 32px;background: #FFF url(../image/gift_word.png) center bottom no-repeat;background-size: auto 24px;overflow: hidden;}
.gift_price{padding: 0 12px 8px;text-align: left;background-color: #FFF;}
.gift_price .tits{padding: 4px 0;color: #333;font-size: 14px;}
.gift_price li{display: inline-block;float: left;padding: 8px 0 0;width: 25%;text-align: center;overflow: hidden;}
.gift_price li .icon{margin: 0 auto;width: 72px;height: 72px;text-align: center;background-color: #F6F6F6;border: 1px solid #F6F6F6;overflow: hidden;}
.gift_price li .icon img{display: block;margin: 10px auto 0;width: 48px;height: 48px;}
.gift_price li .desc{text-align: center;}
.gift_price li .desc span{display: block;padding-top: 4px;height: 18px;line-height: 18px;color: #222;font-size: 14px;}
.gift_price li .desc p{height: 16px;line-height: 16px;color: #F60;font-size: 13px;overflow: hidden;}
.gift_price li .desc em{padding: 2px 11px;line-height: 18px;color: #F60;font-size: 12px;background-color: #fff7f5;border: 1px solid #febab7;border-radius: 10px;}
.gift_price li.current {}

.gift_price li.current .icon{background-color: #fff7f5;border-color: #F60;}

/*.gift_price li.current em{color:#999;background-color:#F6F6F6;border-color:#DDD;}*/

.gift_content {}

.gift_content .tits{padding: 12px 12px 4px;color: #999;font-size: 14px;}
.gift_content .tt{margin-top: 10px;padding: 12px;background-color: #FFF;}
.gift_content .tt textarea{width: 100%;height: 60px;line-height: 20px;border: 0;background-color: transparent;}
.gift_content .con{padding: 8px 12px 2px;}
.gift_content .con li{display: inline-block;float: left;margin: 4px 8px 4px 0;padding: 2px 6px;color: #5080BC;background-color: #FFF;border: 1px solid #b9cce4;}

/*gift_list*/

.gift_list {}

.gift_list .tit{padding: 16px 12px 6px;color: #999;font-size: 14px;}
.gift_list ul{display: block;padding: 0 12px;background-color: #FFF;}
.gift_list li{padding: 12px 0;min-height: 50px;}
.gift_list li .icon{display: inline-block;width: 48px;height: 48px;line-height: 50px;text-align: center;border-radius: 50%;background-color: #F55;position: absolute;left: 0;top: 12px;}
.gift_list li .icon i{color: #FFF;font-size: 30px;}
.gift_list li .desc{padding-left: 60px;}
.gift_list li .desc span{display: block;}
.gift_list li .desc .tits{padding-top: 3px;color: #222;font-size: 14px;}
.gift_list li .desc .mob{padding-top: 3px;}
.gift_list li .desc .time1{display: block;width: 120px;height: 20px;line-height: 20px;text-align: right;color: #999;font-size: 13px;overflow: hidden;position: absolute;right: 0;top: 14px;}
.gift_list li .desc .time2{color: #999;font-size: 13px;}
.gift_list li .desc .pric{display: block;width: 120px;height: 20px;line-height: 20px;text-align: right;color: #F00;font-size: 14px;overflow: hidden;position: absolute;right: 0;top: 14px;}
.gift_list li .desc p {}

.gift_list li .desc .rem{color: #999;font-size: 14px;}
.gift_list li .desc .note{padding-top: 4px;color: #999;font-size: 13px;}
.gift_list li .desc .note em{color: #F60;}
.gift_list li .desc .gif{padding-top: 2px;color: #666;font-size: 14px;}
.gift_list li.more{margin: 0 0 0;padding: 4px 0;height: 30px;line-height: 30px;text-align: center;color: #999;font-size: 13px;background-color: transparent;position: relative;}
.gift_list li.more a{color: #999;font-size: 13px;}
.gift_list li.more:before, .gift_list li.more:after{display: none;}

/*case_search*/

.case_search{margin-bottom: 12px;width: 100%;height: 62px;background-color: #FFF;overflow: hidden;}
.case_search .tit{padding: 8px 12px;font-size: 13px;}
.case_search .tit em{color: #F00;}
.case_search .con{margin: 0 12px;height: 36px;position: relative;}
.case_search .inp{width: 100%;height: 34px;position: absolute;left: 0;top: 0;}
.case_search .inp:after{content: '';position: absolute;top: 0;left: 0;z-index: 1;border: 1px solid #CCC;-webkit-box-sizing: border-box;box-sizing: border-box;width: 200%;height: 200%;border-radius: 6px;-webkit-transform: scale(0.5);transform: scale(0.5);-webkit-transform-origin: left top;transform-origin: left top;border-radius: 6px}
.case_search .inp .ip1{width: 78%;height: 32px;line-height: 32px;text-indent: 8px;border: 0;position: absolute;left: 1px;top: 1px;z-index: 2;}
.case_search .inp .bt1{width: 22%;height: 34px;line-height: 34px;color: #444;background-color: #DDD;border: 0;border-radius: 0 3px 3px 0;position: absolute;right: 0;top: 0;z-index: 3;}
.case_search .sor{width: 80px;height: 36px;line-height: 36px;text-align: right;color: #5080BC;position: absolute;right: 0;top: 0;}
.case_searchh{width: 100%;height: 110px;overflow: hidden;}

/*case_list*/

.case_list{text-align: left;}
.case_list li{padding: 10px 12px 16px;background-color: #FFF;}
.case_list li .tits{padding: 4px 0;max-height: 42px;line-height: 22px;color: #222; font-weight: normal;word-break: break-all;word-wrap: break-word;overflow: hidden;position: relative;overflow: hidden;}
.case_list li .tits i{display: none;width: 16px;height: 16px;line-height: 16px;vertical-align: middle;text-align: center;color: #FFF;font-size: 12px;background-color: #F60;border-radius: 2px;overflow: hidden;}
.case_list li .tits span{color: #5080BC;}
.case_list li .tits em{white-space: nowrap;color: #999;font-size: 13px;}
.case_list li .time{ color: #999; height: 20px; line-height: 20px; font-size: 12px;}
.case_list li .time i{ margin-right: 2px; color: #999; font-size: 12px;}
.case_list li .time1{ display: inline-block; float: left; text-align: left;}
.case_list li .time2{ display: inline-block; float: right; text-align: right;}
.case_list li .note{ padding: 4px 0;height: 20px;line-height: 20px;color: #999;font-size: 13px;overflow: hidden;}
.case_list li .note span{display: inline-block; padding: 0 6px;float: left; line-height: 20px; color: #666; background-color: #F2F2F2;}
.case_list li .note em{display: inline-block;float: right;white-space: nowrap;}
.case_list li .linfo{padding: 8px 0;position: relative;overflow: hidden;}
.case_list li .linfo .lread{width: 80px;height: 22px;line-height: 22px;text-align: right;color: #0C0;font-size: 13px;position: absolute;right: 0;top: 6px;}
.case_list li .linfo .lread1{color: #02d5a0;}
.case_list li .linfo .lread2{color: #F60;}
.case_list li .linfo .licon{width: 32px;height: 32px;position: absolute;left: 0;top: 8px;}
.case_list li .linfo .licon img{display: block;width: 100%;height: 100%;border-radius: 50%;}
.case_list li .linfo .ldesc{padding-left: 40px;color: #999;font-size: 12px;}
.case_list li .linfo .ldesc i{color: #999;font-size: 12px;}
.case_list li .linfo .ldesc .text1, .case_list li .linfo .ldesc .text2, .case_list li .linfo .ldesc .text3{height: 16px;line-height: 16px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.case_list li .linfo .ldesc .text1{display: block;padding: 3px 0;color: #444;}
.case_list li .linfo .ldesc .text1 span {}

.case_list li .linfo .ldesc .text3 i{ margin-right: 2px;}
.case_list li .desc{clear: both;padding: 6px 10px;min-height: 18px;line-height: 18px;color: #888;word-break: break-all;word-wrap: break-word;background-color: #F2F2F2;border-radius: 4px;position: relative;}
.case_list li .desc .arr{display: block;width: 10px;height: 10px;background-color: #F2F2F2;position: absolute;top: -5px;left: 12px;transform: rotate(45deg);}
.case_list1 li {}

.case_list2 li {}

.case_column{top: 44px;z-index: 999;}
.case_column ul{display: block;padding: 0 12px 70px;z-index: 999;background-color: #FFF;}
.case_column li{height: 46px;line-height: 46px;color: #222;font-size: 15px;}
.case_column li a{display: block;}

/*task_tab*/

.task_tab{width: 100%;height: 40px;line-height: 40px;background-color: #FFF;overflow: hidden;position: fixed;left: 0;top: 44px;z-index: 980;}
.task_tab ul{display: block;}
.task_tab ul:after{clear: both;display: block;height: 0;content: ".";overflow: hidden;}
.task_tab li{display: inline-block;float: left;width: 33.33%;height: 40px;text-align: center;color: #666;font-size: 15px;box-sizing: border-box;overflow: hidden;}
.task_tab li.current{color: #F60;border-bottom: 2px solid #F60;}
.task_tab li.current a{color: #F60;text-decoration: none;}
.task_tabh{width: 100%;height: 40px;overflow: hidden;}

/*底部咨询*/

.talk_consult{ padding: 10px 0; width: 100%;height: 44px; background-color: #fff; border-top: 1px solid #EEE;position: fixed;left: 0;bottom: 0;}
.talk_consult li{display: inline-block;float: left;width: 50%;}
.talk_consult li a{display: block; margin: 0 5px; height: 44px;line-height: 44px;text-align: center;color: #fff; font-size: 15px;background-color: #F60; background: -webkit-linear-gradient(to right, #ff9900, #ff6600);background: linear-gradient(to right, #ff9900, #ff6600);border-radius: 4px;}
.talk_consult .li1 {}

.talk_consult .li1 a {}

.talk_consult .li2 {}

.talk_consult .li2 a {}

.talk_consulth{ width: 100%;height: 64px;overflow: hidden;}

/*article_bar*/

.article_bar{ padding: 5px 90px 5px 60px; height: 40px; background-color: #fff; box-shadow: 0 2px 8px rgba(100, 100, 100, .2); position: relative; z-index: 1;}
.article_bar .icon{ display: block; width: 38px; height: 38px; background: #f33 url(../image/mlogo4.png) center center no-repeat; background-size: 90%; border-radius: 8px; position: absolute; left: 15px; top: 50%; margin-top: -19px;}
.article_bar .desc{ line-height: 40px; font-size: 16px;}
.article_bar .btn{ display: block; width: 72px; height: 28px; line-height: 28px; text-align: center; color: #fff; font-size: 14px; background-color: #f33; background: -webkit-linear-gradient(to right, #ff3333, #ff6600);background: linear-gradient(to right, #ff3333, #ff6600); border-radius: 14px; position: absolute; right: 15px; top: 50%; margin-top: -14px;}

/*article_list*/

.article_list{ background-color: #FFF;}
.article_list li{ margin: 0 12px; padding: 12px 0; max-height: 80px; overflow: hidden;}
.article_list li .icon{ display: inline-block; float: left; margin-right: 10px;width: 112px;height: 80px; overflow: hidden;}
.article_list li .icon img{display: block;width: 100%;height: 100%;}
.article_list li .desc{ text-align: left;}
.article_list li .desc .tits{ max-height: 44px; line-height: 22px; font-size: 15px; overflow: hidden;}
.article_list li .desc .info{ margin-top: 16px;color: #999;}
.article_list li .desc .time{ margin-top: 16px;color: #999; font-size: 13px;}

/*article_detail*/

.article_detail{ padding-bottom: 12px;background-color: #FFF;}
.article_detail .tit{ padding: 15px 15px 10px; color: #222; font-size: 21px; font-weight: bold;}
.article_detail .info{ padding: 0 15px; line-height: 26px; color: #999; font-size: 13px;}
.article_detail .info a, .article_detail .info span{ padding-right: 8px;}
.article_detail .info a{ color: #5080BC;}
.article_detail .info ._logo{ display: inline-block; float: left; margin-right: 5px; width: 26px; height: 26px; border-radius: 50%;}
.article_detail .note{ margin: 10px 12px 0; padding: 12px; line-height: 22px; background-color: #F4F4F4; border-left: 4px solid #DDD;}
.article_detail .cbox{ padding: 10px 15px; line-height: 26px; font-size: 16px;}
.article_detail .cbox img{ max-width: 100%;}
.article_detail .cbox p{ margin-top: 12px;}
.article_detail .alawyer{ margin: 12px; padding: 20px 12px; text-align: center; background-color: #F4F4F4; position: relative;}
.article_detail .alawyer .icon{ margin: 0 auto; width: 72px;height: 72px;left: 0;top: 12px;}
.article_detail .alawyer .icon img{display: block;width: 100%;height: 100%; border-radius: 50%;}
.article_detail .alawyer .desc {}

.article_detail .alawyer .desc .tits{ padding: 12px 0 0; font-size: 15px; overflow: hidden;}
.article_detail .alawyer .desc .info{ padding: 4px 0; color: #999;}
.article_detail .alawyer .desc .record{ padding: 8px 0;}
.article_detail .alawyer .desc .record span{ padding: 0 8px;}
.article_detail .alawyer .desc .record span em{ padding-left: 2px; color: #F00;}
.article_detail .alawyer .btn{ display: block; margin: 10px auto; padding: 5px 15px; width: 84px; height: 24px; line-height: 26px; text-align: center; color: #FFF; font-size: 14px; background-color: #f60; border-radius: 3px;}
.article_detail .alawyer .btn img{ display: block; float: left; width: 24px; height: 24px;}

/*article_share*/

.article_share{ padding: 40px 20px 80px;}
.article_share li{ display: inline-block; float: left; width: 33.33%; color: #666; font-size: 12px;}
.article_share li .icon{ margin: 0 auto; width: 28px; height: 28px; background-position: center center; background-repeat: no-repeat; background-size: 100%;}
.article_share li .desc{ height: 32px; line-height: 32px; text-align: center;}
.article_share li._lvban .icon{ background-image: url(../image/share_lvban.png);}
.article_share li._weixin .icon{ background-image: url(../image/share_weixin.png);}
.article_share li._friend .icon{ background-image: url(../image/share_friend.png);}

/*=========================SITE E==========================*/


/*=========================USER S==========================*/


/*user_center*/

.user_center{padding: 12px;height: 56px;background-color: #FFF;}
.user_center .icon{margin: 0 auto;width: 56px;height: 56px;border-radius: 50%;overflow: hidden;position: absolute;left: 12px;top: 50%;margin-top: -30px;}
.user_center .icon img{display: block;width: 100%;height: 100%;}
.user_center .desc{padding-left: 68px;overflow: hidden;}
.user_center .desc span{display: block;padding: 4px 0 0;color: #999;font-size: 14px;}
.user_center .desc p{color: #222;font-size: 18px;}

/*user_func*/

.user_func {}

.user_func .weui-cells .weui-cell{padding: 11px 15px;}

/*comment*/

.comment {}

.comment_title{padding-top: 20px;height: 30px;line-height: 30px;text-align: center;color: #333;font-size: 18px;}
.comment_star{margin: 10px auto 0;width: 220px;height: 44px;background: url(../image/star11.png) 0 center repeat-x;background-size: auto 100%;position: relative;overflow: hidden;}
.comment_star .star1{width: 220px;height: 44px;overflow: hidden;position: absolute;left: 0;top: 0;z-index: 2;}
.comment_star .star1 li{display: inline-block;float: left;width: 20%;height: 44px;overflow: hidden;}
.comment_star .star2{width: 0;height: 44px;background: url(../image/star12.png) 0 center repeat-x;background-size: auto 100%;overflow: hidden;position: absolute;left: 0;top: 0;z-index: 1;}
.comment_note{padding-top: 15px;height: 30px;line-height: 30px;text-align: center;color: #F60;font-size: 14px;}
.comment_content{margin: 10px 12px;padding: 12px;background-color: #F6F6F6;}
.comment_content textarea{width: 100%;height: 100px;line-height: 20px;background-color: transparent;border: 0;}

/*comment_star_list*/

.comment_star_list{width: 100px;height: 20px;background: url(../image/star11.png) 0 center repeat-x;background-size: auto 100%;overflow: hidden;}
.comment_star_list .star5{width: 60%;height: 20px;background: url(../image/star12.png) 0 center repeat-x;background-size: auto 100%;overflow: hidden;}

/*show_wechat*/

.show_wechat{background-color: #FFF;border-radius: 5px;position: relative;}
.show_wechat .log{width: 84px;height: 84px;background: url(../image/mlogo2.png) center center no-repeat;background-size: 90% auto;background-color: #F30;border-radius: 8px;position: absolute;left: 50%;top: -30px;margin-left: -42px;}
.show_wechat .clo{width: 32px;height: 32px;line-height: 32px;text-align: center;position: absolute;top: 4px;right: 4px;}
.show_wechat .clo i{color: #999;font-size: 21px;}
.show_wechat .tit{padding: 60px 0 0;}
.show_wechat .tit span{color: #F30;font-size: 21px;}
.show_wechat .tit p{color: #222;font-size: 14px;}
.show_wechat .pic{margin: 0 auto;width: 140px;height: 140px;text-align: center;}
.show_wechat .pic img{display: block;width: 100%;height: 100%;}
.show_wechat .pic span{display: block;height: 40px;line-height: 40px;}
.show_wechat .note{padding: 0 30px 20px;line-height: 20px;text-align: center;color: #333;font-size: 14px;}
.show_wechat .note p{padding-top: 8px;line-height: 18px;color: #999;font-size: 13px;}
.show_wechat .desc{padding: 58px 12px 12px;text-align: left;background-color: #FFF;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;}
.show_wechat .desc li{padding: 6px 0;line-height: 18px;}
.show_wechat .desc li span{color: #222;font-size: 15px;}
.show_wechat .desc li p{color: #666;font-size: 13px;}
.show_wechat .desc li em{color: #F00;}

/*show_feedback*/

.show_feedback{border-radius: 5px;position: relative;}
.show_feedback .clo{width: 44px;height: 44px;line-height: 44px;text-align: center;background-color: #FFF;border-radius: 50%;position: absolute;top: 4px;right: 0;}
.show_feedback .clo i{color: #999;font-size: 21px;}
.show_feedback .tit{padding-top: 4px;height: 44px;line-height: 44px;color: #222;}
.show_feedback .tit span{font-size: 21px;}
.show_feedback .desc {}

.show_feedback .desc .row1{padding: 5px 10px;}
.show_feedback .desc .row1 .tt1{display: block;padding: 4%;width: 92%;height: 140px;border: 1px solid #DDD;box-sizing: content-box;}
.show_feedback .desc .row2{padding: 10px 0 20px;overflow: hidden;}
.show_feedback .desc .row2 .bt1{display: block;margin: 0 auto;width: 140px;height: 40px;line-height: 40px;text-align: center;color: #FFF;font-size: 16px;background-color: #F60;border: 0;border-radius: 20px;}

/*show_consult_tips*/

.show_consult_tips{border-radius: 5px;position: relative;}
.show_consult_tips .clo{width: 44px;height: 44px;line-height: 44px;text-align: center;background-color: #FFF;border-radius: 50%;position: absolute;top: 4px;right: 0;}
.show_consult_tips .clo i{color: #999;font-size: 18px;}
.show_consult_tips .tit{padding-top: 4px;height: 44px;line-height: 44px;color: #222;}
.show_consult_tips .tit span{font-size: 21px;}
.show_consult_tips .desc{padding: 0 18px 10px;text-align: left;color: #666;font-size: 13px;}
.show_consult_tips .desc span{color: #222;font-weight: bold;}
.show_consult_tips .desc p{padding: 4px 0 8px;line-height: 16px;text-indent: 2em;}

/*customer-modal*/

.customer-modal{border-radius: 5px;position: relative;}
.customer-modal ._close{width: 44px;height: 44px;line-height: 44px;text-align: center;background-color: #FFF;border-radius: 50%;position: absolute;top: 4px;right: 0;}
.customer-modal ._close .iconfont{color: #999;font-size: 18px;}
.customer-modal ._title{padding-top: 4px;height: 44px;line-height: 44px;color: #222;}
.customer-modal ._title span{font-size: 20px;}
.customer-modal ._cells{ padding: 0 10px 20px; text-align: left;}
.customer-modal ._cell{ display: block; margin-top: 10px; padding: 12px; height: 50px; position: relative;}
.customer-modal ._cell ._icon{ width: 50px; height: 50px; line-height: 50px; text-align: center; border-radius: 6px; position: absolute; left: 12px; top: 12px;}
.customer-modal ._cell ._icon .iconfont{ color: #fff; font-size: 30px;}
.customer-modal ._cell ._desc{ padding-left: 65px;}
.customer-modal ._cell ._desc span{ display: block; padding: 3px 0 8px; color: #333; font-size: 16px;}
.customer-modal ._cell ._desc p{ color: #999; font-size: 13px;}

/*lb_mp_follow*/

.lb_mp_follow{ padding: 20px 0 30px; text-align: center;}
.lb_mp_follow .icon{ margin: 0 auto; width: 120px; height: 120px;}
.lb_mp_follow .icon img{ display: block; width: 100%; height: 100%;}
.lb_mp_follow .desc{ padding-top: 12px;line-height: 20px;}
.lb_mp_follow .desc em{ color: #F00;}
.lb_mp_follow .desc p{ color: #F60; font-size: 13px;}

/*dialog_list_file*/

.dialog_list_file{ padding: 15px 58px 15px 12px; width: 140px; color: #666; background: #FFF url(../image/file.png?456) right 12px no-repeat; background-size: 50px auto; border: 1px solid #EEE; border-radius: 4px;}
.dialog_list_file_tits{ height: 20px;line-height: 20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; font-size: 15px;}
.dialog_list_file_desc{ margin-top: 8px;height: 40px; line-height: 20px; line-height: 18px; color: #888; font-size: 13px; overflow: hidden;}

/*chat_form_emoji*/

.emoji_select_list{width: 100%;height: 1px;overflow: hidden;}
.emoji_select_list .bd ul{display: block;padding-top: 10px;}
.emoji_select_list .bd li{display: inline-block;float: left;width: 14%;}
.emoji_select_list .bd li img{display: block;margin: 6px auto;}
.emoji_select_list .hd ul{display: block;padding-top: 6px;text-align: center;}
.emoji_select_list .hd li{display: inline-table;margin: 0 2px;width: 6px;height: 6px;background-color: #DDD;border-radius: 50%;overflow: hidden;}
.emoji_select_list .hd li.on{background-color: #F60;}

/*task_comment*/

.task_comment{ background-color: #FFF;}

/*task_comment_tit*/

.task_comment_tit{ padding: 16px 12px 6px; color: #222; font-size: 14px; font-weight: bold;}

/*task_comment_list*/

.task_comment_list{ padding-bottom: 12px;}
.task_comment_list li{ margin: 0 12px;padding: 16px 0;position: relative;}
.task_comment_list li .icon{ width: 40px; height: 40px; border-radius: 50%; overflow: hidden; position: absolute; left: 0; top: 16px; z-index: 1;}
.task_comment_list li .icon img{ display: block; width: 100%; height: 100%;}
.task_comment_list li .desc{ padding: 0 0 0 52px; position: relative;}
.task_comment_list li .desc .lname{ height: 22px; line-height: 22px; color: #666;}
.task_comment_list li .desc .lname em{ color: #5080BC; font-size: 14px;}
.task_comment_list li .desc .lcons{ width: 80px; height: 22px; line-height: 24px; text-align: center; color: #FFF; background-color: #F60; border-radius: 11px; overflow: hidden; position: absolute; top: 0; right: 0;}
.task_comment_list li .desc .lcon{ padding: 6px 0; line-height: 20px;color: #333; font-size: 14px;}
.task_comment_list li .desc .ltime{line-height: 20px; color: #999; font-size: 13px;}

/*shop_product_list*/

.shop_product_list{ background-color: #fff;}
.shop_product_list li{ margin: 0 12px; padding: 12px 0; position: relative;}
.shop_product_list li .icon{width: 52px;height: 52px;background-position: center center;background-repeat: no-repeat;background-size: 60% auto;background-color: #F8F8F8;border-radius: 50%;position: absolute;left: 2px;top: 12px;}
.shop_product_list li .desc{ padding: 0 10px 0 70px;font-size: 13px; position: relative;}
.shop_product_list li .desc ._title{ display: block;color: #222;font-size: 15px;}
.shop_product_list li .desc ._price{ display: block; width: 200px; height: 20px;line-height: 20px; text-align: right; color: #F00; font-size: 14px; position: absolute; right: 0; top: 0;}
.shop_product_list li .desc ._note{padding: 4px 0;color: #999;}
.shop_product_list li .btns{ padding: 2px 0 2px 70px;}
.shop_product_list li .btns ._btn{display: inline-block; margin-right: 4px;width: 60px;height: 20px;line-height: 20px;text-align: center;color: #999;font-size: 12px;border-radius: 12px; border: 1px solid #EEE; overflow: hidden;}
.shop_product_list li .btns ._btn1{ color: #f60; border-color: #ffc299; background-color: #ffefe5;}
.shop_product_list li .icon{background-color: #ffc43c;}
.shop_product_list li:nth-of-type(3n+2) .icon{background-color: #53c4ff;}
.shop_product_list li:nth-of-type(3n+3) .icon{background-color: #ff7271;}
.shop_product_list li:nth-of-type(6n-2) .icon{background-color: #7193dd;}
.shop_product_list li:nth-of-type(6n-1) .icon{background-color: #10afff;}
.shop_product_list li:nth-of-type(6n) .icon{background-color: #45ccab;}
.shop_product_list li:nth-of-type(9n-2) .icon{background-color: #71c326;}
.shop_product_list li:nth-of-type(9n-1) .icon{background-color: #e96f36;}
.shop_product_list li:nth-of-type(9n) .icon{background-color: #16d4d2;}

/*coupon_list*/

.coupon_list{ padding: 0 12px 12px;}
.coupon_list .cell{ margin-top: 12px; height: 111px; background-color: #fff; border-radius: 5px; position: relative; overflow: hidden;}
.coupon_list .cell_left{ width: 105px;height: 111px; text-align: center; color: #fff; background-image: radial-gradient(transparent 0, transparent 3px, #f70 3px); background-size: 10px 10px; background-position: 0 1px; position: absolute; left: 0; top: 0; z-index: 1; overflow: hidden;}
.coupon_list .cell_left:before{ content: ' '; display: block; background-color: #f70; position: absolute; top: 0; bottom: 0; left: 0; right: 5px; z-index: -1;}
.coupon_list .cell_left ._price{ padding-top: 30px;}
.coupon_list .cell_left ._price em{ font-size: 32px;}
.coupon_list .cell_left ._word{ padding-top: 38px; font-size: 22px;}
.coupon_list .cell_left ._note{ font-size: 11px;}
.coupon_list .cell_right{ padding: 0 10px 0 118px; position: relative;}
.coupon_list .cell_right ._title{ margin-top: 8px; height: 30px; line-height: 30px; color: #333; font-size: 16px; overflow: hidden;}
.coupon_list .cell_right ._note{ height: 32px; line-height: 16px; color: #999; font-size: 12px; overflow: hidden;}
.coupon_list .cell_right ._time{ margin-top: 4px; padding: 5px 0; height: 24px; line-height: 24px; color: #999; font-size: 12px; border-top: 1px dashed #EEE;}
.coupon_list .cell_btn{ width: 64px; height: 24px; line-height: 24px; text-align: center; color: #fff; font-size: 11px; background-color: #f70; border-radius: 24px; overflow: hidden; position: absolute; bottom: 6px; right: 10px;}
.coupon_list .cell_geted .cell_btn{ background-color: #aaa;}

/*coupon_my_list*/

.coupon_my_list{ padding: 0 12px 12px;}
.coupon_my_list .cell{ margin-top: 12px; background-color: #fff; border-top: 4px solid #f70; border-radius: 5px; position: relative; overflow: hidden;}
.coupon_my_list .cell_left{ width: 105px; height: 80px; text-align: center; color: #f70; position: absolute; left: 0; top: 0; z-index: 1; overflow: hidden;}
.coupon_my_list .cell_left ._price{ padding-top: 12px;}
.coupon_my_list .cell_left ._price em{ font-size: 32px;}
.coupon_my_list .cell_left ._note{ font-size: 11px;}
.coupon_my_list .cell_right{ padding: 0 10px 0 118px; min-height: 80px;}
.coupon_my_list .cell_right ._title{ margin-top: 10px; height: 30px; line-height: 30px; color: #333; font-size: 16px; overflow: hidden;}
.coupon_my_list .cell_right ._note{ line-height: 16px; color: #999; font-size: 12px; overflow: hidden;}
.coupon_my_list .cell_right ._time{ height: 24px; line-height: 24px; color: #999; font-size: 12px;position: relative;}
.coupon_my_list .cell_btn{ width: 64px; height: 24px; line-height: 24px; text-align: center; color: #fff; font-size: 11px; background-color: #f60; border-radius: 24px; overflow: hidden; position: absolute; bottom: 10px; right: 10px;}
.coupon_my_list .cell_useed{ border-color: #ccc;}
.coupon_my_list .cell_useed .cell_left{ color: #aaa;}
.coupon_my_list .cell_useed .cell_right ._titl{ color: #aaa;}
.coupon_my_list .cell_useed .cell_btn{ background-color: #aaa;}
.coupon_my_list .cell_seled .cell_btn{ background-color: #aaa;}

/*coupon_pic*/

.coupon_pic{ display: block; margin: 0 auto; width: 295px; height: 98px; background: url(../image/coupon.png?v=1.4) no-repeat; background-size: 100% 100%; position: relative;}
.coupon_pic ._price{ width: 160px; height: 50px; line-height: 50px; text-indent: 20px; color: #f40850; font-size: 48px; overflow: hidden; position: absolute; top: 10px; left: 40px;}
.coupon_pic ._note{ width: 160px; height: 28px; line-height: 14px; color: #666; font-size: 11px; overflow: hidden; position: absolute; top: 60px; left: 40px;}

/*video-modal*/

.video-modal{ display: block; padding: 50px 0; width: 100%; height: 100%; background-color: #000; position: fixed; left: 0; top: 0; z-index: 9999; overflow: hidden;}
.video-modal_close{ display: block; width: 30px; height: 30px; line-height: 30px; text-align: center; border-radius: 50%; border: 1px solid #999; position: absolute; top: 10px; right: 10px; z-index: 1;}
.video-modal_close .iconfont{ color: #999; font-size: 20px;}

/*popup_filter_list*/

.popup_filter_list{ width: 100%;height: 40px; background-color: #FFF; position: fixed; top: 40px; left: 0; z-index: 960;}
.popup_filter_list li{ display: inline-block; float: left; width: 33.33%; height: 40px;line-height: 44px; color: #333;text-align: center; overflow: hidden;}
.popup_filter_list li span{display: inline-block; margin: 0 auto; padding-right: 15px; text-align: center; overflow: hidden; position: relative;}
.popup_filter_list li span:after{display: block;content: ""; width: 0;height: 0;border-style: solid;border-width: 5px 5px 0 5px;border-color: #CCC transparent transparent transparent; position: absolute; right: 0; top: 18px;}
.popup_filter_list li span:before{content: ' '; width: 78%; height: 2px; background-color: #f60; border-radius: 2px; position: absolute; left: 0; bottom: 6px; z-index: 999; overflow: hidden;}
.popup_filter_listh{ width: 100%;height: 40px; overflow: hidden;}

/*popup_filter_wrap*/

.popup_filter_wrap{ display: none; width: 100%; max-height: 286px;background-color: #FFF; overflow: hidden; overflow-y: scroll; position: fixed; left: 0; top: 80px; z-index: 994;}
.popup_filter_wrap .li{padding: 0 12px;height: 40px; line-height: 40px; text-align: left;color: #333;font-size: 14px;border-bottom: 1px solid #F4F4F4;overflow: hidden;}

/*popup_filter_mask*/

.popup_filter_mask{z-index: 950;}

/*popup_region*/

.popup_region{ text-align: left; font-size: 14px; background-color: #FFF;}
.popup_region_province{ display: inline-block; float: left; width: 40%;height: 286px;overflow: hidden; overflow-y: scroll;}
.popup_region_province .li{background-color: #F1F2F6;border-bottom: 1px solid #F1F2F6;}
.popup_region_province .current{ background-color: #FFF;}
.popup_region_city{ display: inline-block; float: right; width: 60%;height: 270px;overflow: hidden; overflow-y: scroll;}

/*popup_share*/

.popup_share{ z-index: 992;}
.popup_share .weui-popup__overlay{opacity: 1;}
.popup_share .weui-popup__modal{ background: none;}
.popup_share_list{ margin: 0 10px; background-color: #fff; border-radius: 6px;}
.popup_share_list li{ display: inline-block; float: left; padding: 20px 0; width: 33.33%; color: #666; font-size: 12px;}
.popup_share_list li .icon{ margin: 0 auto; width: 36px; height: 36px; background-position: center center; background-repeat: no-repeat; background-size: 100%;}
.popup_share_list li .desc{ margin-top: 10px; height: 20px; line-height: 20px; text-align: center;}
.popup_share_list li._lvban .icon{ background-image: url(../image/share_lvban.png);}
.popup_share_list li._weixin .icon{ background-image: url(../image/share_weixin.png);}
.popup_share_list li._friend .icon{ background-image: url(../image/share_friend.png);}
.popup_share_close{ display: block; margin: 10px; height: 44px; line-height: 44px; text-align: center; color: #666; font-size: 15px; background-color: #fff; border-radius: 6px;}

/*mask_intro*/

.mask_guide_mask{ width: 100%; height: 100%; background-color: rgba(0, 0, 0, .7); position: fixed; top: 0; left: 0; z-index: 9990;}
.mask_guide_title{ width: 100%; height: 40px; line-height: 40px; text-align: center; color: #FFF; font-size: 21px; overflow: hidden;position: fixed; left: 0; top: 20px;z-index: 9991;}
.mask_guide_btn{ margin-left: -65px; width: 130px; height: 38px; line-height: 38px; text-align: center; color: #FFF; font-size: 16px; border: 1px solid #FFF; border-radius: 20px;overflow: hidden; position: fixed; left: 50%; bottom: 60px;z-index: 9991;}
.mask_guide_step1, .mask_guide_step2{ background-position: center center; background-repeat: no-repeat;background-size: 100% auto;overflow: hidden; position: fixed; z-index: 9991;}
.mask_guide_step1{ width: 190px; height: 80px;background-image: url(../mask_guide_step1.png);right: 20px; top: 120px;}
.mask_guide_step2{ margin-left: -135px; width: 270px; height: 80px;background-image: url(../mask_guide_step2.png);left: 50%; top: 120px;}

/*float_customer*/

.float_customer{width: 50px; height: 50px; line-height: 50px; text-align: center; background: url(../image/customer.png) center center no-repeat; background-size: 72% auto; background-color: #0c6; border: 2px solid #FFF; border-radius: 50%;-webkit-box-shadow: 0 0 8px 0 rgba(80%, 80%, 80%, 0.5);box-shadow: 0 0 8px 0 rgba(80%, 80%, 80%, 0.5);position: fixed; right: 8px; bottom: 106px; z-index: 992;}
.float_customer i{display: none; color: #FFF; font-size: 32px;}
.float_customer_cshake{-webkit-animation: cshake 1s infinite;animation: cshake 1s infinite;}
@-webkit-keyframes cshake{ 0%{-webkit-transform: scale(1);}
	10%,20%{-webkit-transform: scale(0.9) rotate(-3deg);}
	30%,50%,70%,90%{-webkit-transform: scale(1.2) rotate(3deg);}
	40%,60%,80%{-webkit-transform: scale(1.2) rotate(-3deg);}
	100%{-webkit-transform: scale(1) rotate(0);}
	}
	
/*platform-tips_modal*/

.platform-tips_modal{ padding: 0 0 20px; text-align: left; font-size: 14px; background-color: #fdf9ed; border-radius: 12px; overflow: hidden;}
.platform-tips_modal img{ display: block; width: 100%;}
.platform-tips_modal .__con{ padding: 30px 20px 40px; text-indent: 2em;}
.platform-tips_modal .__btn{ margin: 0 20px; height: 40px; line-height: 40px; text-align: center; font-size: 15px; border-radius: 40px;}