/* CSS Document */

/* location */
.location{ height:80px;}
.location .location_con{position:relative; height:80px;}
.location .location_tit{line-height:80px; display: inline-block; margin-right: 30px;}
.location .location_tit h2{color:#23262a; font-size:24px; font-weight:normal;}

.location .location_seat { font-size:12px;line-height:80px; display: inline-block;}
.location .location_seat i{ display:inline-block;width:0;height:0;border-top: 4px solid transparent;border-left: 4px solid #999; border-bottom: 4px solid transparent; padding-right:5px; vertical-align:center;}
.location .location_seat span{ font-family: simsun; padding: 0 5px;}

/* public_top */
.left_share_box ul li i,.left_share_box ul li a.bds_more,.view_source span,.help_box .help_nav h3,.help_search{ background:url(../images/list_icon.png) no-repeat;}
.content{clear:both; overflow:hidden;padding-bottom:20px}

/* discount_list */
.discount_list .list_con ul li{position:relative; min-height: 168px; padding-left: 249px; margin-bottom: 20px; border-bottom:1px #eee solid; padding-bottom: 20px; }
.discount_list .list_con ul li .pic_index{position:absolute; left:0; top:0; width:224px; height: 168px;overflow: hidden;}
.discount_list .list_con ul li .pic_index img{width:224px; height: 168px;}
.discount_list .list_con ul li h3{font-size: 18px; line-height: 24px;margin-bottom: 10px;}
.discount_list .list_con ul li h3 span{font-size: 16px; line-height: 24px; display:inline-block; border:1px solid #ff7761;color:#ff7761; padding:0 5px; border-radius:3px; margin-right:5px;}
.discount_list .list_con ul li h3 span img{margin-right:3px;}
.discount_list .list_con ul li h3 a em{color: #ff7761;}
.discount_list .list_con ul li h3 a:hover,.discount_list .list_con ul li h3 a:hover em{color: #c00;}
.discount_list .list_con ul li p{font-size: 13px; line-height: 24px; }
.discount_list .list_con ul li .index_bot{position:relative; border-top:1px solid #eee; margin-top: 10px;}
.discount_list .list_con ul li .endtime{margin:10px 0;}
.discount_list .list_con ul li .endtime span{ background-color: #333; color: #fff; padding: 2px; font-size: 12px;border-radius: 3px;  }
.discount_list .list_con ul li a.view_btn{display:block;width:100px; height:30px; background:#f26e59; color:#FFF; position:absolute; right:0;bottom:-10px;line-height:30px; text-align:center; border-radius: 3px; }
.discount_list .list_con ul li a.view_btn:hover{background:#ed553c;}
.discount_list .list_con ul li:hover{ border-bottom:1px #ff7761 solid;}

/* public_view */
.public_view{ clear:both; overflow:hidden; border:1px solid #ddd; background:#FFF;}
.public_view .view_ban h2{height:50px; line-height: 50px; background:#f6f6f6; font-size: 16px; padding-left: 20px; border-bottom: 1px dashed#d8d8d8;}
.public_view .view_con{padding:20px; line-height:200%; color:#000;}
.public_view .view_con p {word-break: break-word;}
.public_view .view_con p:last-child {margin:0;}

/* public left */
.left_share_box { width: 60px;border-bottom: 1px solid #ddd; background-color:#FFF;}
.left_share_box ul li{ width: 60px; height: 66px;}
.left_share_box ul li a{ width: 60px; height: 66px; text-align: center; border: 1px solid #ddd; border-bottom: none; display: block;line-height: 20px; background-color:#FFF;}
.left_share_box ul li a i{ width: 60px; height: 30px; text-align: center;display:inline-block;}
.left_share_box ul li a i.l_icon01{ background-position: 18px -8px;}
.left_share_box ul li a i.l_icon02{ background-position: 18px -50px;}
.left_share_box ul li.bdshare-button-style0-16{width: 60px; height: 66px;padding: 0; margin: 0; }
.left_share_box ul li a.bds_more{ background-position: 16px -99px;width:60px; height: 60px; padding:0 0 6px 0; margin: 0;display: block; font-size: 14px; clear: both; line-height: 20px; }
.left_share_box ul li a.bds_more:hover{background-position: -52px -99px;opacity: 1;}
.left_share_box ul li a:hover{ background-color: #ff7761; color: #FFF;border: 1px solid #ff7761; border-bottom: none;}
.left_share_box ul li a:hover i.l_icon01{ background-position: -50px -8px;}
.left_share_box ul li a:hover i.l_icon02{ background-position: -50px -50px;}
/* public left */

/* public right */
.read_box { border:1px solid #eee;}
.right_box_tit {position:relative;line-height:50px; border-bottom:1px solid #eee;}
.right_box_tit h2{font-size:16px; display:inline-block; font-weight:normal; padding-left:20px; height:50px; }
.right_box_tit a{position:absolute;right:10px;top:0; color: #666;}
.right_box_tit a:hover{color:#ff7761; }

.read_box .box_con {clear:both; overflow:hidden; padding:10px;}
.read_box .box_con ul li{position:relative;line-height:32px;padding-left:20px;font-size:13px;word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; width:200px;border-bottom:1px dashed #eee; }
.read_box .box_con ul li i{content:' ';position:absolute;left:6px;top:50%;margin-top:-2px;display:block;width:4px;height:4px;line-height:0;font-size:0;background:#e05a33;}
.read_box .box_con ul li:last-child{ border:none;}

.latest_box { border:1px solid #eee; margin-top:20px;}

.latest_box .box_con {clear:both; overflow:hidden; padding:15px 10px 0;}
.latest_box .box_con .pic_index{width:218px; height:162px; overflow: hidden;}
.latest_box .box_con .pic_index img{width:218px; height:162px; z-index: 30}

.latest_box .box_con ul li { margin-bottom: 15px;}
.latest_box .box_con ul li h3{line-height:22px; margin-top:5px;word-wrap:break-word; word-break:normal; }
.latest_box .box_con ul li p{position:relative; padding:0 68px 0 0; margin: 3px 0 10px 0; font-size: 14px;color: #ff7761; height: 26px; word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.latest_box .box_con ul li p em{color: #ff7761;line-height:26px;}
.latest_box .box_con ul li p em strong{font-size: 18px}
.latest_box .box_con ul li del{ padding-left: 5px; color: #999;}
.latest_box .box_con ul li p a{position:absolute;right:0px; bottom:0px;font-size: 12px;color: #ff7761; border:1px solid #ff7761; padding: 3px 8px; border-radius: 3px;}
.latest_box .box_con ul li p a:hover{color: #fff; background-color: #ff7761; }
/* public right */

/* finding_list */
.finding_class{ background-color: #f6f6f6;}
.finding_class ul {line-height:50px;clear: both; overflow: hidden;}
.finding_class ul li{ float:left; padding-right:20px;}
.finding_class ul li.key{font-weight: bold;}
.finding_class ul li.active a{ color: #ff7761;}

.finding_list { margin-top: 20px;}
.finding_list ul{margin:0 -10px; clear: both; overflow: hidden;}
.finding_list ul li{float:left;margin:0 10px 20px;;width:224px;background-color: #fff; -webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}
.finding_list ul li .pic_index{width:224px; height: 168px;overflow: hidden;}
.finding_list ul li .pic_index img{width:224px; height: 168px;}
.finding_list ul li h3{padding: 10px; line-height: 20px; height: 32px; overflow: hidden; margin-bottom: 8px;}
.finding_list ul li p{position:relative;padding:2px 80px 0 10px; margin: 5px 0 10px 0; font-size: 14px;color: #ff7761; height: 26px; word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.finding_list ul li p a{position:absolute;right:10px; bottom:2px;font-size: 12px;color: #ff7761; border:1px solid #ff7761; padding: 3px 8px; border-radius: 3px;}
.finding_list ul li p a:hover{color: #fff; background-color: #ff7761; }
.finding_list ul li:hover{box-shadow:0px 0px 12px rgba(0,0,0,0.1);-webkit-box-shadow:0px 0px 12px rgba(0,0,0,0.1);-webkit-transform:translateY(-5px);transform:translateY(-5px);}

/* finding_view */
.finding_view_index{position:relative; padding-left: 420px;min-height:300px; margin-bottom: 20px;}
.finding_view_index .pic_index{position:absolute; top: 0; left: 0; width:400px; height:300px; overflow: hidden;}
.finding_view_index .pic_index img{width:400px; height:300px; z-index: 30}
.finding_view_index h1{line-height:30px; font-size:18px;}
.finding_view_index h2{line-height:30px; font-size:13px;color: #ff7761;}.discount_view_index .view_key {margin:15px 0; }.finding_view_index .view_key {margin:15px 0; }
.finding_view_index .view_key em{ border: 1px dashed #ff7761;color: #ff7761;  border-radius:3px; padding:3px 10px; line-height:20px; margin-right:15px; display:inline-block;}
.finding_view_index .view_lable{line-height: 24px; margin-bottom: 20px;}
.finding_view_index .view_lable p{padding: 6px 0;}
.finding_view_index .endtime{position:relative; border-top:1px solid #d9d9d9; margin-top: 10px; padding: 20px 0;}
.finding_view_index .endtime .timenum{position:absolute; right:0; top:20px;}
.finding_view_index .endtime .timenum span{ background-color: #333; color: #fff; padding: 2px; font-size: 14px;border-radius: 3px;  }
/* finding_view */

/* notice list */
.notice_list .list_con ul li{position:relative;border:1px solid #d7d7d7; margin-bottom:20px; padding:20px 20px 20px 36px;line-height:20px; background:#FFF;}
.notice_list .list_con ul li h3{ font-size:18px; font-weight:normal; padding-bottom:10px;}
.notice_list .list_con ul li em{position:absolute;left:20px;top:26px;display:block;border:4px solid #FFF;border-left:4px solid #888;line-height:0;font-size:0;}
.notice_list .list_con ul li p{ color:#888;max-height:43px; overflow:hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;}
.notice_list .list_con ul li span{ color:#888; padding-top: 5px; display: block;}
.notice_list .list_con ul li a.view_btn{display:block;width:100px; height:30px; background:#f26e59; color:#FFF; position:absolute; right:20px;bottom:20px;line-height:30px; text-align:center; border-radius: 3px; }
.notice_list .list_con ul li a.view_btn:hover{background:#ed553c;}

.notice_view{ clear:both; overflow:hidden; border:1px solid #ddd; background:#FFF;}
.notice_view h1{min-height:50px; font-size:24px; text-align:center; padding-top:30px;padding-left:30px;padding-right:30px;}
.notice_view .view_source{height:50px; text-align:center;line-height:50px; border-bottom:1px dashed #ddd; }
.notice_view .view_source span{padding:0 25px;}
.notice_view .view_source span.icon01{ background-position:0 -411px;}
.notice_view .view_source span.icon02{ background-position:0 -459px;}
.notice_view .view_source span.icon03{ background-position:0 -505px;}

.notice_view .view_con{padding:20px; line-height:200%; color:#000;}
.notice_view .view_con p {word-break: break-word;}
.notice_view .view_con p:last-child {margin:0;}

.view_next{ margin-top:20px; line-height:30px;}
.view_next span{ color:#dd4e24;}

.notice_view .view_bar{height:60px; background:#f7f7f7; padding:15px 20px; line-height:30px;}

/* service_box */
.service_box .service_con{clear:both; overflow:hidden; border:1px solid #ddd; background:#FFF; padding: 19px; min-height: 600px;}
.service_box .service_con h1{height:50px; font-size:24px; text-align:center;border-bottom:1px dashed #ddd; }
.service_box .service_con .service_editor{ padding:20px 0; line-height:200%; color:#000;}
.service_box .service_con .service_editor p {margin:0 0 5px; word-break: break-word;}
.service_box .service_con .service_editor p:last-child {margin:0;}
.service_table{ margin-bottom: 20px;}
.service_table table thead{background:#f2f2f2;border-bottom:1px solid #e1e1e1; }
.service_table table thead tr th{font-weight:bold; padding:10px 0;border-left:1px solid #e1e1e1;border-top:1px solid #e1e1e1;border-right:1px solid #e1e1e1;}
.service_table table tbody tr{ border-bottom:1px solid #e1e1e1; font-size:13px;border-right:1px solid #e1e1e1;}
.service_table table tbody tr td{text-align:center; padding:12px 10px; line-height: 20px;border-left:1px solid #e1e1e1;}
.service_table table tbody tr td em{color: #ff7761;}

.service_box .service_con .search_no_result h3{ font-size: 18px; margin-bottom: 10px;}
.service_box .service_con .search_no_result h3 em{color: #ff7761;}

.service_box .service_con .search_result ul{ margin-bottom: 20px; }
.service_box .service_con .search_result ul li { border-bottom: 1px solid #eee; padding: 15px 0; }
.service_box .service_con .search_result h3{ font-size: 18px; margin-bottom: 3px;}
.service_box .service_con .search_result p{ color: #888; line-height: 22px; height: 44px ; overflow: hidden;}

/* share_order_list */
.share_order_class{ background-color: #f6f6f6;}
.share_order_class ul {line-height:50px;clear: both; overflow: hidden;}
.share_order_class ul li{ float:left; padding-right:20px;}
.share_order_class ul li.key{font-weight: bold;}
.share_order_class ul li.active a{ color: #ff7761;}

.share_order_list { margin-top: 20px;}
.share_order_list ul{margin-left:-20px; clear: both; overflow: hidden;}
.share_order_list ul li{position:relative;float:left;margin-left:20px;margin-bottom: 20px;width:285px;padding-top:220px; padding-bottom:36px;}
.share_order_list ul li .pic_index{position:absolute;top:0; left:0;width:285px; height:210px; overflow: hidden;}
.share_order_list ul li .pic_index img{width:285px; height:210px;}
.share_order_list ul li h3{font-size: 15px; line-height: 22px; height: 44px; overflow: hidden;}
.share_order_list ul li p{ color: #888; font-size: 13px; line-height: 22px; height: 44px; overflow: hidden; margin: 5px 0;}
.share_order_list ul li .comment_num{position:absolute;bottom:5px;; left:0; height: 30px; line-height: 30px; font-size: 16px;}
.share_order_list ul li .comment_num span{padding-right: 16px}
.share_order_list ul li .comment_num i{ width: 21px; height: 30px; display: inline-block; vertical-align: middle;}
.share_order_list ul li .comment_num i.recom{background-position: -9px -70px;}
.share_order_list ul li .comment_num i.talk{background-position: -8px -111px;}
.share_order_list ul li .comment_num span:hover i.recom{background-position: -109px -70px;}
.share_order_list ul li .comment_num span:hover i.talk{background-position: -108px -111px;}
.share_order_list ul li .more a{position:absolute;bottom:5px; right:0; height: 30px; line-height: 30px; font-size: 12px; color: #ff7761;}
.share_order_list ul li b{position:absolute;bottom:0px;; left:0; border-bottom: 2px solid #ff7761; font-size:0;}

/* share_order_view */

.view_edit{background:#f7f7f7; padding:15px 20px; line-height:200%;  color:#000;}

/* page */
.pagemenu > div{width:100%}
.pagemenu div{ display:inline-block; vertical-align:middle; text-align:right; line-height:31px;}
.pagemenu input{vertical-align:top; line-height:23px;height:23px; border:#ddd 1px solid;padding:3px 6px; }
.pagemenu input:last-child{vertical-align:top;height:31px; border:#ddd 1px solid;margin-left:10px; }

.pagemenu {margin:20px 0; font-size:15px;clear:both; overflow:hidden; text-align:right;}
.pagemenu a{border:#ddd 1px solid; margin-left:9px;color:#333; background:#f2f2f2; padding:3px 10px; display:inline-block; height:23px; line-height:23px;vertical-align:bottom}
.pagemenu a span{font-weight:bold;}
.pagemenu a:hover,.pagemenu a:active {border:#e05a33 1px solid;color:#e05a33;}
.pagemenu a.current {border:#ff6633 1px solid;font-weight:bold;color:#fff; background:#ff6633;pointer-events:none; cursor:default;}
.pagemenu span.current { display: inline-block;margin-left:9px; padding:3px 10px;height:23px;line-height:23px; vertical-align:bottom; border:#ff6633 1px solid;font-weight:bold;color:#FFF; background:#ff6633;pointer-events:none; cursor:default;}
.pagemenu a.disabled {border:#E6E6E6 1px solid; color:#999; pointer-events:none; cursor:default;}
.pagemenu a[disabled], .pagemenu a[disabled]:link, .pagemenu a[disabled]:active, .pagemenu a[disabled]:visited, .pagemenu a[disabled]:hover, .pagemenu a[disabled]:focus {color: #999!important; border:#E6E6E6 1px solid;text-decoration: none!important;}
/* help */
.help_box{ clear:both; overflow:hidden; border:1px solid #d8d8d8; height:100%;}
.help_box .help_nav{width:208px; float:left;border-right:1px solid #d8d8d8; margin-bottom:-10000px;padding-bottom:10000px; }
.help_box .help_con{width:989px; float:left;margin-bottom:-10000px;padding-bottom:10000px;}

.help_box hr{ border:none; height:1px; margin:0px; padding:0px; border-bottom:1px solid #d8d8d8; background:#FFF;}
.help_box .help_nav h2{ background:#f6f6f6; font-size:28px; font-weight:normal; color:#ff5100;line-height:68px; height:68px; text-align:center;}
.help_box .help_nav h3{border-bottom:1px solid #d8d8d8; line-height:50px; padding-left:38px; cursor:pointer;}
.help_box .help_nav h3.help_icon01{ background-position:5px -532px;}
.help_box .help_nav h3.help_icon02{ background-position:5px -580px;}
.help_box .help_nav h3.help_icon03{ background-position:5px -630px;}
.help_box .help_nav h3.help_icon04{ background-position:5px -677px;}
.help_box .help_nav h3.help_icon05{ background-position:5px -721px;}
.help_box .help_nav h3.help_icon06{ background-position:5px -236px;}
.help_box .help_nav h3.help_icon07{ background-position:5px -331px;}
.help_box .help_nav h3.help_icon08{ background-position:3px -281px;}
.help_box .help_nav ul{ display:none; border-bottom:1px solid #d8d8d8;line-height:43px;}
.help_box .help_nav ul li{position:relative;padding-left:32px;font-size:13px;word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; width:176px;border-bottom:1px dashed #eee; }
.help_box .help_nav ul li i{position:absolute;left:20px;top:17px;display:block;border:4px solid #FFF;border-left:4px solid #888;font-size:0;}
.help_box .help_nav ul li:hover,.help_box .help_nav ul li.on a{color:#ff5100;}
.help_box .help_nav ul li:hover i,.help_box .help_nav ul li.on i{ border-left-color:#ff5100;}
.help_box .help_nav ul li:last-child{ border:none;}

.help_search{background-position:0 -777px; background-repeat:repeat-x; height:68px;}
.help_search .search_text{ float:left; border:1px solid #d8d8d8; height:30px;width:700px; font-size:13px;color:initial;text-indent:.625em; margin:18px 10px 0 55px; border-radius:3px;}
.help_search .search_btn{ float:left; width:100px;height:32px;border:none; background:#23262a;background-position:0px -228px;margin:18px 0 0 0; color:#FFF;border-radius:3px; line-height:28px;font-size:16px;}

.help_box .help_con h1{ line-height:80px; font-size:20px; font-weight:normal; text-align:center;}
.help_box .help_con .help_edit{ padding:0 20px 20px; line-height:200%;  color:#000;}
.help_box .help_con .help_edit p {word-break: break-word;}
.help_box .help_con .help_edit p:last-child {margin:0;}

.find_box { border:1px solid #eee;}
.find_box h2{font-size:14px;font-weight:normal; color:#ff5100; padding-left:20px; height:43px; border-bottom:1px solid #eee; line-height:43px;}
.find_box .box_con {clear:both; overflow:hidden; padding:10px;}
.find_box .box_con ul li{position:relative;line-height:35px;padding-left:20px;font-size:13px;word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; width:200px;border-bottom:1px dashed #eee; }
.find_box .box_con ul li i{position:absolute;left:6px;top:13px;display:block;border:4px solid #FFF;border-left:4px solid #888;line-height:0;font-size:0;}
.find_box .box_con ul li:hover a{color:#ff5100;}
.find_box .box_con ul li:hover i{ border-left-color:#ff5100;}
.find_box .box_con ul li:last-child{ border:none;}

/* scroll_box */
.scroll_box {position:absolute;top:290px;z-index:999; display:none;}

/* tutorial_box */
.tutorial_box .list_con{clear:both; overflow:hidden;}

.tutorial_search{ background: #f8f8f8; height: 40px; margin-bottom: 20px; padding:20px 30px;}
.tutorial_search .search_sel{border:1px solid #d8d8d8; height:38px;font-size:13px; width: 100px; margin-right: 20px; padding-left: 5px;}
.tutorial_search .search_tit{border:1px solid #d8d8d8; height:36px;font-size:13px;color:initial;text-indent:.625em;width:500px;margin-right: 20px;}
.tutorial_search .search_btn{ background:#535353; height:38px;font-size:14px; width:100px; text-align:center;border:none; color:#FFF;}

.tutorial_box .list_con ul{ width:960px; margin-right:-20px;}
.tutorial_box .list_con ul li{float:left; border:1px solid #ebebeb; margin-right:20px; margin-bottom:20px;position:relative; cursor:pointer; width:218px; height:169px; background-color: #FFF;}
.tutorial_box .list_con ul li img{margin: 10px auto; display: block; width: 200px; height: 100px;}
.tutorial_box .list_con ul li h3{ text-align: center; line-height: 20px; height: 40px;  overflow: hidden; padding: 0 10px;}
.tutorial_box .list_con ul li .review{position:absolute; left:0; top:0; background-color:rgba(0,0,0,0.6); width:218px; height:143px; padding-top: 26px; color:#FFF;display:none;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#60000000,endColorstr=#60000000);}
.tutorial_box .list_con ul li .review a{display:block; width:120px; height:36px; background:#333; text-align:center;line-height:36px; color:#FFF; border-radius: 5px; margin: 15px auto 0;}
.tutorial_box .list_con ul li .review a:hover{color:#ff7761; }

.tutorial_nav {border:1px solid #eee; margin-bottom: 20px;}
.tutorial_nav .box_con {clear:both; overflow:hidden; padding:10px 0;}
.tutorial_nav .box_con ul li{position:relative;line-height:38px;font-size:13px;word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; width:190px;border-bottom:1px dashed #eee; padding: 0 10px 0 38px;}
.tutorial_nav .box_con ul li i{position:absolute;left:20px;top:15px;display:block;border:4px solid #FFF;border-left:4px solid #888;line-height:0;font-size:0;}
.tutorial_nav .box_con ul li:hover {background-color:#ff5100;}
.tutorial_nav .box_con ul li:hover a{color:#FFF; display: block;}
.tutorial_nav .box_con ul li:hover i{ border-color:#ff5100;border-left-color:#FFF;}
.tutorial_nav .box_con ul li:last-child{ border:none;}

/* group */
.nopc{-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray; z-index: 999;}
.nopc .pic_index img:hover{-moz-transform:none;-webkit-transform: none; -o-transform:none; }
.nopc a{pointer-events:none;color:#afafaf;cursor:default;}


.group_class{ background-color: #3f3f3f;line-height:50px; color: #fff;clear: both; overflow: hidden;}
.group_class h2{ float: left;font-size: 18px;}
.group_class .group_class_box{ float: right;}

.group_class ul {clear: both; overflow: hidden;}
.group_class ul li{ float:left; padding-right:20px;}
.group_class ul li a{ color: #fff; display: block;}
.group_class ul li a:hover{ color: #ff7761;}
.group_class ul li.active a{color: #ff7761; border-bottom: 1px solid #ff7761; line-height: 49px;}

/* group_scroll */
.group_scroll {background-color: #f6f6f6;}
.group_scroll_box {width:1200px;position:relative; margin: 0 auto;}
.group_scroll_image {margin:0 auto; position:relative; overflow: hidden;}
.group_scroll_image li{width:100%; display: none;position:relative;}
.group_scroll_image li img{width:100%; height: auto;}
.group_scroll_num {position:absolute;width:100%;z-index:10;bottom:12px;left:0;}
.group_scroll_num ul {text-align:center;}
.group_scroll_num ul li {cursor:pointer;display:inline-block;*display:inline;width:12px;height:12px;margin:0 2px; font-size: 0; background-color: #f2f2f2; border-radius: 50%; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3);}
.group_scroll_num ul li.active { background-color: #ff0;}

.group_scroll_icon{display:none; }
.group_scroll_box:hover .group_scroll_icon{display: block;}

.group_scroll_icon .btn_prev,.group_scroll_icon .btn_next {position:absolute;top:50%;margin-top:-30px;left:0;z-index:1;width:30px;height:60px;background:url(../images/group_arrow.png) -120px 0 no-repeat;cursor:pointer;}
.group_scroll_icon .btn_next {left:auto;right:0;background-position:0 0;}
.group_scroll_icon .btn_prev:hover {background-position:-180px 0;}
.group_scroll_icon .btn_next:hover {left:auto;background-position:-60px 0;}

.group_scroll_image li .group_scroll_hot:hover{background-color:rgba(0,0,0,0.05);}


/* group_list */
.group_list { margin-top: 20px;}
.group_list ul { margin: 0 -10px;}
.group_list ul li {float:left; width:285px; margin: 0 10px 20px;}
.group_list ul li .pic_index{position:relative;width:285px; height:213px; overflow: hidden;}
.group_list ul li .pic_index img{width:285px; height:213px; z-index: 30}
.group_list ul li .pic_index span{position:absolute; top:0; left:0;width:70px; height:30px; line-height: 30px; text-align: center;background-color: #ff7761; color: #FFF;z-index: 90}
.group_list ul li .pic_index .group_review{position:absolute; top:0; left:0;width:265px; max-height:92px; overflow:hidden; line-height: 23px;background-color: rgba(0,0,0,0.8); color: #FFF;z-index: 92; padding: 10px; display: none;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000,endColorstr=#80000000);}
.group_list ul li .pic_index span b{position:absolute; top:0; left:70px; line-height: 30px;display:inline-block;width:0;height:0;border-top: 15px solid transparent;border-left: 10px solid #ff7761; border-bottom: 15px solid transparent; z-index: 90}

.group_list ul li .label_key{ padding: 10px 0; height: 20px; overflow: hidden;}
.group_list ul li .label_key span{ padding: 3px 8px; border: 1px dashed #ff7761;color: #ff7761; border-radius: 3px; margin-right: 5px;}
.group_list ul li h3{line-height:20px; padding-top: 10px; padding-bottom: 5px; height: 40px; overflow: hidden;}
.group_list ul li p{position:relative;}
.group_list ul li p em{color: #ff7761;}
.group_list ul li p em strong{ font-size: 20px}
.group_list ul li del{ padding-left: 5px; color: #999;}
.group_list ul li p a{position:absolute; top:0; right:0;}

.group_list ul li .pic_index .timeout{position: absolute; bottom: 0; left:0;font-size: 14px; z-index: 999;width:285px; background-color: rgba(0,0,0,0.5); color: #FFF;text-align: center; padding-top:5px; padding-bottom:5px; line-height: 20px;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#50000000,endColorstr=#50000000); }
.group_list ul li .pic_index .timeout b{font-size: 16px; padding:0 3px; display: inline-block;}
.group_list ul li .pic_index .timeout b.day{font-size: 16px; }
.group_list ul li .pic_index .timeout em{vertical-align:middle; margin:0 2px; }
/* group_view */
.group_view_index{position:relative; padding-left: 420px;min-height:300px; margin-bottom: 20px;}
.group_view_index .pic_index{position:absolute; top: 0; left: 0; width:400px; height:300px; overflow: hidden;}
.group_view_index .pic_index img{width:400px; height:300px; z-index: 30}

.group_view_index .pic_index .timeout{position: absolute; top: 0; left:0;font-size: 16px; z-index: 999;width:400px; background-color: rgba(0,0,0,0.5); color: #FFF;text-align: center; padding-top:5px; padding-bottom: 5px; line-height: 20px; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#50000000,endColorstr=#50000000);}
.group_view_index .pic_index .timeout b{font-size: 16px;}
.group_view_index .pic_index .timeout em{vertical-align:middle; margin:0 2px; }

.group_view_index h1{line-height:30px; font-size:18px;}
.group_view_index h2{line-height:30px; font-size:13px;color: #ff7761;}
.group_view_index .view_key {margin:10px 0; }
.group_view_index .view_key em{ border: 1px dashed #ff7761;color: #ff7761;  border-radius:3px; padding:3px 10px; line-height:20px; margin-right:15px; display:inline-block;}
.group_view_index .view_lable{line-height: 24px; margin-bottom: 10px;}
.group_view_index .view_lable input{line-height: 28px; height: 28px;width:60px; padding: 0 2px 0 10px; border: 1px solid #ddd; border-radius: 3px;-webkit-box-shadow:2px 1px 3px #ddd; -moz-box-shadow:2px 1px 3px #ddd; box-shadow:2px 1px 3px #ddd;}
.group_view_index .view_lable p{padding: 6px 0;}
.group_view_index .view_lable p em{color: #ff7761;}
.group_view_index .view_lable p em strong{ font-size: 32px}
.group_view_index .view_lable del{ padding-left: 5px; color: #999;}
.group_view_index .view_btn{position:absolute; bottom: 0px; right: 0px;}

.group_item_box{position:relative; padding-top:6px; padding-left:70px; }
.group_item_box span{position:absolute; top: 9px; left: 0; }
.group_item ul li{ display:inline-block; border:1px solid #ddd; line-height:30px; height:30px; margin-bottom:6px; cursor:pointer; margin-right:2px; }
.group_item ul li a{ display:inline-block; padding:0 9px; }
.group_item ul li:hover{ border:1px solid #ff7761; }
.group_item ul li.select{ border:2px solid #ff7761; line-height:28px; height:28px; background-color:#fffaf9;}
.group_item ul li.select a{padding:0 8px;}
.group_item ul li.disabled{border:1px dashed #ddd; cursor:default; }
.group_item ul li.disabled a{ pointer-events:none;color:#afafaf;cursor:default;}

.group_view_other {margin-bottom: 20px;}
.group_view_other .tab_nam{position:relative;z-index:20;border: 1px solid #ddd;height: 50px; background-color: #f6f6f6;}
.group_view_other .tab_nam ul{position:absolute;z-index:90;left:-1px;top:-1px;clear: both; overflow: hidden; }
.group_view_other .tab_nam ul li{ float: left; padding: 0 20px; line-height: 50px; height: 50px; font-size: 16px; cursor: pointer;}
.group_view_other .tab_nam ul li.active{ border-top: 3px solid #ff7761; color: #ff7761;line-height: 49px; height: 49px; font-weight: bold; background-color: #FFF;border-left: 1px solid #ddd;border-right: 1px solid #ddd;}

.group_view_other .tab_box{ padding:20px 19px;clear:both; overflow:hidden; border: 1px solid #ddd; border-top: none; }
.group_view_other .tab_box ul{ margin-right: -20px;}
.group_view_other .tab_box ul li {float: left;width:210px; margin-right: 20px;}
.group_view_other .tab_box ul li .pic_index{width:210px; height:160px; overflow: hidden;}
.group_view_other .tab_box ul li .pic_index img{width:210px; height:160px; z-index: 30;}
.group_view_other .tab_box ul li h3{line-height:30px;}
.group_view_other .tab_box ul li p{position:relative; height: 30px;}
.group_view_other .tab_box ul li p em{color: #ff7761;line-height:30px;}
.group_view_other .tab_box ul li p em strong{font-size: 20px}
.group_view_other .tab_box ul li del{ padding-left: 5px; color: #999;}
.group_view_other .tab_box ul li p a{position:absolute;right:0px; bottom:0px;font-size: 12px;color: #ff7761; border:1px solid #ff7761; padding: 3px 8px; border-radius: 3px;}
.group_view_other .tab_box ul li p a:hover{color: #fff; background-color: #ff7761; }

/* coupon */
.coupon .list_con ul li .review{ height:116px; padding-top: 53px;}


/* cqcn_box */
.jSuggestContainer{position: absolute;font: 12px Tahoma;border: 1px solid #ffbaaf;border-top: 0;background: #FFF;}
.jSuggestLoading{font-style: italic;padding: 10px;}
.jSuggestContainer ul, .jSuggestContainer ul li{margin: 0;padding: 0;list-style: none;}
.jSuggestContainer ul li{padding: 8px 6px;border-bottom: 1px dotted #ffbaaf;color: #000;background: #fff;cursor: pointer;text-align:left;}
.jSuggestContainer ul li.last{border-bottom: 0;}
.jSuggestContainer ul li.jSuggestHover{background: #ffeeeb;color: #000;}

#goodsreport .order_partbox table{width:80%; margin:0 auto;border:1px solid #ddd; margin-top:20px;}
#goodsreport .order_partbox table tr td{padding-left:0px;padding-bottom:15px;padding-top:15px;text-align:center; background-color:#f6f6f6; border-bottom:1px solid #ddd;}
#goodsreport .order_partbox .format_form2{line-height:32px; height:32px;}
#goodsreport .order_partbox .data span a{padding-right:10px; font-size:18px; display:inline-block; vertical-align:middle;}

#goodsreport .order_partbox .txt_description {width:390px;}
#goodsreport .order_partbox .txt_quantity{width:100px;}

#goodsreport .order_partbox .order_add_btn { text-align:center; margin-top:20px;}
#goodsreport .order_partbox .order_add_btn .btn_small { font-size:14px; line-height:32px; height:32px; width:120px; margin:0 10px}

/* country_scroll */
.country_scroll{position:absolute;top:230px;z-index:999; display:none;}
.country_scroll ul{border:1px solid #ddd; border-radius: 6px;}
.country_scroll ul li{border-bottom:1px solid #ddd;  padding: 10px 15px; cursor: pointer;}
.country_scroll ul li:first-child{border-top-left-radius: 6px;border-top-right-radius: 6px;} 
.country_scroll ul li:last-child{border-bottom-left-radius: 6px;border-bottom-right-radius: 6px;border-bottom:none; } 

.country_scroll ul li:hover{color: #ff7661;}
.country_scroll ul li.active{background: #ff7661;color: #fff;}
/*country*/
.country img{margin-left:5px;vertical-align: middle;display: inline-block; margin-top: -3px;}
.country ul li{font-size:30px; cursor: pointer; width: 180px; float: left; text-align: center;} 
.country ul li a{display:block;padding:20px 0 10px} 
.country ul li.active,.country ul li:hover{border-bottom:3px solid #ff7661;}
.country ul li.active a,.country ul li:hover a{color:#ff7661;} 

/*cost_table */
.cost_table{position: relative;margin: 0 0 20px;/*height: 500px;*/ overflow: hidden;font-family:"Helvetica Neue", Helvetica, Arial, "Microsoft Yahei", sans-serif;}
.cost_table .cost_more{position: absolute; bottom: 0; width: 1198px; left: 0; cursor: pointer;text-align: center; height: 20px; padding-top: 30px; padding-bottom: 10px;  border: 1px solid #d9d9d9; border-top:none; background: url(../images/country_more.png) repeat-x bottom; font-size: 15px; color: #ff7661}
.cost_table .cost_more img{ vertical-align: middle; padding-right: 5px;}

.cost_table h2{text-align:center;line-height:60px;font-size:24px;color:#ff7661; margin-bottom: 5px;}
.cost_table h2 span{width:50px;height:1px;margin:0 10px;display: inline-block; background-color:#d9d9d9;vertical-align: middle;}

.cost_table table{border: 1px solid #d9d9d9;}
.cost_table table tr th,.cost_table table tr td{border: 1px solid #d9d9d9;padding:9px 10px;text-overflow:ellipsis;word-break:break-all;word-wrap:break-word; text-align: center; min-width: 92px;}
.cost_table table tr th:first-child,.cost_table table tr td:first-child{width: 80px;}
.cost_table table tr th{background-color: #ff7661;color:#fff;padding:12px 10px;}
.cost_table table tr:nth-child(2n+1){background-color: #f6f6f6;}
.cost_table table tr:nth-child(2n){background-color: #fff;}
.cost_table table tr:hover{background-color: #ffefec;}

.cost_table table tr th.textleft,.cost_table table tr td.textleft{text-align: left; }

.cost_pop {display:inline-block; vertical-align:top; line-height:18px; padding-left:5px; cursor:pointer; height:20px;}
.cost_pop .cost_pop_box {position:fixed; top:0; left:0; z-index:99;width:300px; text-align:left; background-color:#FFF;padding:10px 20px; border:1px solid #ddd;border-radius:8px; box-shadow: 0 3px 5px rgba(0,0,0,0.2); line-height:180%; display:none;}

.theadmenu{position:fixed; top:0; left:50%; z-index:99;width:1200px; margin-left:-600px; }

/*milkshow*/
.milkDetailBox{padding-top:30px;}                                                                                            
.milkshowBox li img{width:100%;display:inline-block;vertical-align:middle;}
/*milkshowDetail*/
.milkDetailBox-left{width:980px;}
.milkDetailInfo{ background-color:#def2fc; border-radius:35px;clear:both;overflow:hidden;clear:both;overflow:hidden;}

.milkDetailBox_left{ width:350px;float:left}
.milkDetailBox_left .img_big{text-align:center;}

.milkDetailBox_right{float:left;}
.milkDetailBox_right h3{ font-size:25px;color:#67a1f6;width:450px;}
.showDetailTitle{padding:15px 0;}
.showDetailTitle .title{ font-size:20px; width:100px;display:inline-block;vertical-align:top}
.showDetailTitle .title-shop{ vertical-align:middle}
.showDetailTitle .con-shop{display:inline-block;vertical-align:bottom}
.showDetailTitle .con{display:inline-block;max-width:363.3333px;}
.showDetailTitle .con div{width:60px;height:20px;}

.showDetailTitle .con b{display:inline-block;font-size:25px;color:coral;vertical-align:middle}
.showDetailTitle .con del{font-size:14px;display:inline-block;vertical-align:middle}
.showDetailTitle .con input[type=number]{width:60px;height:30px;text-align:center;line-height:30px;}
.milkDetailSubmit {border:none;width:120px;height:50px;background-color:#fd6d6c;color:#fff;margin-left:20px;font-size:20px;}
.milkDetailAge,
.milkDetailMeal,
.milkDetailDF,
.milkDetailOption{display:block;float:left;width:120px;height:30px;line-height:30px;border-right:1px solid #d8d9da;border-bottom:1px solid #d8d9da;background-color:#fff; text-align:center; font-size:15px;}

.milkDetailAge input,
.milkDetailMeal input,
.milkDetailDF input,
.milkDetailOption input{display:none;}
.milkDetailAge.active,.milkDetailMeal.active,.milkDetailDF.active,.milkDetailOption.active{background-color:#c5f0fe}
.milkDetailBox .disabled{background-color:#eee;color:#ccc}

.milkDetailPro{background-color:#fff;border-radius:30px;overflow:hidden;}
.milkDetailPro h3{font-size:25px;color:#888;line-height:50px;}
.milkDetailPro p{color:red;line-height:200%;}
.milkDetailPro img{max-width:100%;}

.milkDetailBox-right{background-color:#def2fc;padding:20px 20px 10px 20px;border-radius:30px;margin-left:15px;}
.recommendForYou{font-size:18px;color:#656565}
.recommendForYou:before{content:"---"}
.recommendForYou:after{content:"---"}
.milkDetailBox-right li{margin:15px 0;}
.milkDetailBox-right li img{width:90%;max-width:145px;}
.milkDetailBox-right li h3{max-width:150px;line-height:180%;}
.milkDetailBox-right li p em{color:#ff7661;font-size:16px;}
.milkDetailBox-right li p em strong{font-size:18px;}
.milkDetailBox-right li p del{font-size:13px}
.milkDetailBox_left img:hover,
.milkDetailAge:hover,
.milkDetailMeal:hover,
.milkDetailDF:hover,
.milkDetailOption:hover,
.milkDetailBox-right li:hover{cursor:pointer}
.milkDetailBox .disabled:hover{cursor:not-allowed}
/*ºÐ×ÓÒõÓ°*/
.milkDetailInfo,
.milkDetailPro,
.milkDetailBox-right{box-shadow:0px 2px 10px #d8d8d8;position:relative;z-index:99;margin-left:10px;}