/*loca*/

.loca{ padding: 20px 0; color: #666; font-size: 14px;}
.loca i{ color: #ccc; font-size: 14px;}

/*dialog-list*/

.dialog-list{padding: 10px 0; font-family: "Microsoft Yahei", "微软雅黑", Arial, "宋体"; background-color: #f6f6f6;}
.dialog-list ._left, .dialog-list ._right{ margin: 16px 10px; min-height: 40px; text-align: left; position: relative;}
.dialog-list ._left .icon, .dialog-list ._right .icon{ width: 44px; height: 44px; text-align: center; background-position: center center; background-repeat: no-repeat; background-size: 100% auto; overflow: hidden; position: absolute; top: 0;}
.dialog-list ._left .icon img, .dialog-list ._right .icon img{ display: block; width: 40px; height: 40px; border-radius: 50%;}
.dialog-list ._left .tits span, .dialog-list ._right .tits span{ display: block; color: #333; font-size: 13px; overflow: hidden;}
.dialog-list ._left .tits em, .dialog-list ._right .tits em{ display: block; padding-bottom: 5px; height: 20px; line-height: 20px; color: #999; font-size: 10px; font-style: normal; overflow: hidden;}
.dialog-list ._left .note, .dialog-list ._right .note{display: inline-table; padding: 10px 12px; line-height: 20px; color: #333; font-size: 15px; word-wrap: break-word; word-break: break-all; background-color: #FFF; border-radius: 5px;}

/*left*/

.dialog-list ._left{ text-align: left;}
.dialog-list ._left .icon{ left: 0;}
.dialog-list ._left .tits{ padding-left: 56px;}
.dialog-list ._left .note{ margin-left: 56px; margin-right: 30px; background-color: #FFF; border: 1px solid #EEE; position: relative;}
.dialog-list ._left .note:before{ content: ""; width: 0; height: 0; border-width: 6px 6px 6px 0; border-style: solid; border-color: transparent #FFF transparent transparent; position: absolute; left: -6px; top: 12px;}

/*right*/

.dialog-list ._right{ text-align: right;}
.dialog-list ._right .icon{ right: 0;}
.dialog-list ._right .tits{ padding-right: 56px;}
.dialog-list ._right .note{margin-right: 56px; margin-left: 30px; text-align: left;background-color: #A0EA6A; border: 1px solid #A0EA6A; position: relative;}
.dialog-list ._right .note:before{ content: ""; width: 0; height: 0; border-width: 6px 0 6px 6px; border-style: solid; border-color: transparent transparent transparent #A0EA6A; position: absolute; right: -6px; top: 12px;}

/*system*/

.dialog-list ._system{ margin: 10px 30px 0; text-align: center;}
.dialog-list ._system .note{ display: inline-table;padding: 2px 8px; color: #FFF; font-size: 11px; background-color: #CCC; border-radius: 2px;}
.dialog-list ._system .note_tel{ display: inline-table; padding: 8px 10px; color: #fff; font-size: 13px; background-color: #03da6b; border-radius: 3px;}
.dialog-list ._system .note_tel a{color: #fff;}

/*dialog-list-fee*/

.dialog-list-fee{margin: 12px 8px; display: -webkit-box; display: -moz-box; display: box; text-align: center;}
.dialog-list-fee .__cell{ width: 33.33%;}
.dialog-list-fee .__cell .__con{ margin: 0 10px; padding: 15px 0; border-top: 2px solid #f60; border-radius: 6px; background-color: #fff; box-shadow: 0 0 20px #c4cbf6; cursor: pointer; overflow: hidden;}
.dialog-list-fee .__cell .__tits{ padding-bottom: 8px; color: #222; font-size: 15px;}
.dialog-list-fee .__cell .__desc{ color: #666; font-size: 24px;}
.dialog-list-fee .__cell .__desc em{ font-size: 12px;}
.dialog-list-fee .__cell .__btns{ margin: 10px auto 0; width: 70px; height: 22px; line-height: 22px; color: #f60; font-size: 11px; border: 1px solid #f60; border-radius: 12px; -webkit-transition: .4s;transition: .4s; overflow: hidden;}
.dialog-list-fee .__cell:hover .__btns{ color: #fff; background-color: #f60;}

/*
.dialog-list-fee .__cell:nth-child(1) .__con{ background-color: #f60; background: -webkit-linear-gradient(left, #5a8ced, #3acccb); background: linear-gradient(left, #5a8ced, #3acccb);}
.dialog-list-fee .__cell:nth-child(2) .__con{ background-color: #f60; background: -webkit-linear-gradient(left, #5d78ed, #dc95e1); background: linear-gradient(left, #5d78ed, #dc95e1);}
.dialog-list-fee .__cell:nth-child(3) .__con{ background-color: #f60; background: -webkit-linear-gradient(left, #f85685, #fd9093); background: linear-gradient(left, #f85685, #fd9093);}
*/


/*dialog-list-server*/

.dialog-list-server{ margin-left: 56px; width: 220px;}
.dialog-list-server .__desc{padding: 14px 10px 16px 60px;line-height: 20px;color: #FFF;font-size: 12px;background-position: 18px 15px;background-repeat: no-repeat;background-size: 30px auto;background-color: #F60;border-top-left-radius: 4px;border-top-right-radius: 4px;}
.dialog-list-server .__type2{background-image: url(../image/talk_list_fun_gift.png);}
.dialog-list-server .__type3{background-image: url(../image/talk_list_fun_tel.png);}
.dialog-list-server .__type5{background-image: url(../image/talk_list_fun_50.png);}
.dialog-list-server .__type6{background-image: url(../image/talk_list_fun_51.png);}
.dialog-list-server .__type7{background-image: url(../image/talk_list_fun_52.png);}
.dialog-list-server .__type8{background-image: url(../image/talk_list_fun_53.png);}
.dialog-list-server .__type9{background-image: url(../image/talk_list_fun_54.png);}
.dialog-list-server .__type10{background-image: url(../image/talk_list_fun_53.png);}
.dialog-list-server .__note{height: 24px;line-height: 24px;text-indent: 12px;color: #999;font-size: 10px;background-color: #FFF;border: 1px solid #d7d7d9;border-top: none;border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;overflow: hidden;}
.dialog-list-server .__btns{padding-bottom: 2px;height: 28px;line-height: 28px;text-align: center;color: #f60;font-size: 12px;background-color: #FFF;border: 1px solid #d7d7d9;border-top: none;border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;overflow: hidden;}

/*666  999*/


/*5e6d82 8492a6*/


/*lawyer-elite*/

.lawyer-elite{ margin-top: 20px; border: 1px solid #EEE; background-color: #fff;}
.lawyer-elite .tit{ padding: 0 20px; line-height: 60px; font-size: 16px; font-weight: bold;}
.lawyer-elite li{ margin: 0 25px; padding: 25px 0; height: 72px; border-bottom: 1px dashed #EEE; position: relative;}
.lawyer-elite li .pic{width: 72px; height: 72px; border-radius: 50%; overflow: hidden; position: absolute; left: 0; top: 25px;}
.lawyer-elite li .pic img{ display: block; width: 100%; height: 100%;}
.lawyer-elite li .desc{ padding: 2px 0 0 90px; line-height: 22px; color: #666;}
.lawyer-elite li .desc span{ display: block; padding-bottom: 4px;color: #333; font-size: 15px;}
.lawyer-elite .btn{ margin: 20px 25px; padding: 10px 0; text-align: center; border: 1px solid #EEE; -webkit-transition: .4s;transition: .4s;cursor: pointer;}
.lawyer-elite .btn:hover{color: #fff; background-color: #f30; border-color: #f30;}

/*productdetail-page*/

.productdetail-page{ background-color: #f6f6f6;}

/*productdetail-tab*/

.productdetail-tab{ margin-top: 30px; padding-top: 10px; background-color: #fff;box-shadow: 0 4px 20px rgba(0, 0, 0, .03);}
.productdetail-tab li{ display: inline-block; float: left; padding: 0 30px; color: #333; font-size: 16px;}
.productdetail-tab li span{ display: block; padding: 0 2px; height: 70px; line-height: 70px; border-bottom: 3px solid #fff;}
.productdetail-tab li.current span{ border-bottom-color: #f30;}

/*productdetail-detail*/

.productdetail-detail{ margin-top: 20px;}
.productdetail-detail .wmain{ background-color: #fff;box-shadow: 0 4px 20px rgba(0, 0, 0, .03);}
.productdetail-detail .wside{ background-color: #fff;box-shadow: 0 4px 20px rgba(0, 0, 0, .03);}

/*productdetail-detail-header*/

.productdetail-detail-header{ padding: 25px 25px 20px; background-color: #fff; position: relative;}
.productdetail-detail-header .tits{ display: inline-block; float: left; background-color: #fff;}
.productdetail-detail-header .tits .name{ display: block; padding-bottom: 8px; height: 40px; line-height: 40px; color: #222; font-size: 26px; font-weight: bold;}
.productdetail-detail-header .tits .price{color: #f30; font-size: 22px;font-weight: bold;}
.productdetail-detail-header .tits .summary{ padding-left: 10px; color: #467cec; font-size: 14px;}
.productdetail-detail-header .btn{ display: inline-block; float: right; cursor: pointer;}
.productdetail-detail-header .btn i{ font-size: 18px;}
.productdetail-detail-header .btn .btn1, .productdetail-detail-header .btn .btn2{ display: block; float: right; margin-left: 15px; padding: 0 20px; height: 40px; line-height: 40px; text-align: center; font-size: 16px;}
.productdetail-detail-header .btn .btn1{ color: #f30; border: 1px solid #f30;}
.productdetail-detail-header .btn .btn2{ color: #fff; background-color: #f30; border: 1px solid #f30;}
.productdetail-detail-header .tips{ margin-top: 20px; padding: 20px; line-height: 28px; color: #5e6d82; font-size: 14px; background-color: #f3fdfb;}
.productdetail-detail-header .img{ display: block; margin: 40px auto 0;}

/*shop_detail_cbox*/

.shop_lvban_detail_cbox{ padding: 20px;}
.shop_lvban_detail_cbox p{ padding: 8px 0;line-height: 30px; color: #555;font-size: 15px;}
.shop_lvban_detail_cbox strong{color: #333;}
.shop_lvban_detail_cbox img{ display: block; margin: 0 auto; width: 80%;}
.shop_lvban_detail_cbox .i1{ display: none; margin-right: 4px; width: 20px; height: 20px; line-height: 20px; text-align: center; color: #0c6; font-size: 12px; font-weight: bold; border: 1px solid #0c6; border-radius: 50%;}
.shop_lvban_detail_cbox .i2{ display: none; margin-right: 4px; color: #0c6; font-size: 16px;}
.shop_lvban_detail_cbox .i3{ display: none; margin-right: 4px; color: #F60; font-size: 16px;}

/*shop_detail_title*/

.shop_lvban_detail_title{ margin: 12px auto 0; padding-bottom: 20px; height: 30px; line-height: 30px; text-align: center; color: #F30; font-size: 20px; font-weight: bold; position: relative;}

/*productdetail-detail-brief*/

.productdetail-detail-brief {}
.productdetail-detail-brief .tit{ padding: 20px 0;}
.productdetail-detail-brief .tit span{ display: block; padding-left: 20px; height: 20px; line-height: 20px;color: #333; font-size: 16px; font-weight: bold; border-left: 3px solid #f30;}
.productdetail-detail-brief .con{ padding: 0 20px 40px; line-height: 28px; color: #5e6d82; font-size: 14px;}
.productdetail-detail-brief .con p{ padding-top: 8px; text-indent: 2em;}