﻿.shopping_right_area{width: 100%;}
.shopping_right_area .shopping_right{margin: 0 0 30px 0px;background-color: #fff; border-radius: 5px; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px;}

.exhibition{height:32px;}
.exhibition p{ display:block; padding:0 20px; height:32px; line-height:32px; font-size:14px; color:#5a5a5a;float:left;}
.exhibition p a{ color:#5a5a5a;}
/*推荐图标*/
.exhibition strong{position: relative;display:block;height:26px;width:26px;top:-33px;left:-33px;background:url(img/xin.png) center top;}

.weighs_Tit{height:65px; border-bottom: 1px solid #EDEDED; font-size: 24px; margin-bottom: 15px;}
.weighs_Tit h2{color:#666; line-height: 65px; float: left; margin-left: 20px;}
.weighs_Tit .edition_set{float: right;}
.weighs_Tit .edition_set li{padding:0 20px; border-left: 1px solid #EDEDED; text-align: center; float: left; height: 65px; position: relative;}
.weighs_Tit .edition_set li.cur{border-bottom: 1px solid #fff; border-top:3px solid #0099ED; height: 62px;}
.weighs_Tit .edition_set li font{font-size: 16px; color:#333; display: inline-block; height:26px; line-height: 26px; margin: 10px 0 0;}
.weighs_Tit .edition_set li .packageList{padding-right: 30px; background:url(img/tuijian.png) no-repeat right center;}
.weighs_Tit .edition_set li.cur font{margin-top:7px;}
.weighs_Tit .edition_set li p{font-size: 14px; color:#888;}
.weighs_Tit .edition_set li p em{color:#f00;}
.weighs_Tit .edition_set li p i{color:#ff7b00; font-style: normal;}
.weighs_Tit .edition_set li.cur2{background-color:#FF4B49;}
.weighs_Tit .edition_set li.cur2 font{color:#fff;}
.weighs_Tit .edition_set li.cur2 p,.weighs_Tit .edition_set li.cur2 p em,.weighs_Tit .edition_set li.cur2 p i{color:#fff;}
.weighs_l{overflow: hidden;}
.weighs_r{ width:282px; float:right; margin: 0 20px;}
.or_weighs{}
.or_weighs_tit{height:40px; line-height:40px; border-bottom:1px solid #DDDDDD;font-size:16px; color:#333;}
.or_weighs_tit{margin:0 0 20px 20px;}
.or_weighs_tit em{border-left: #009DF3 solid 3px; padding-left: 10px; color:#009df3;}

.or_why{margin:0 20px; padding-bottom:30px;}
.or_why_tit{ overflow:hidden; margin-bottom: 20px;}
.or_why_tit span{display: inline-block; background: url('img/zx_icon2.jpg') no-repeat left center; padding-left: 30px; height:30px; line-height: 30px; font-size:14px}
.or_why_con{position: relative; margin-bottom:20px; font-size:14px; color:#555; padding:20px; background-color: #F8F8F8; border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -webkit-border-radius: 5px;}
.or_why_con em{position: absolute; top:-10px; left:20px; display: block; width:0; height: 0; border-color: #F8F8F8 transparent; border-style: solid; border-width: 0 10px 10px;}

.or_weighs_tit1{border-bottom:1px solid #DDDDDD; overflow:hidden;}
.or_weighs_tit1 span{ display:block; float:left; width:22px; height:22px; margin-top:13px;}
.or_weighs_tit1 p{ display:block; height:30px; line-height:30px;font-size:14px; color:#444;}

.buy-fixed-div{}
.buy-fixed-div .inner-div{position: relative;}
.mybuy-list-title{line-height: 40px; color:#888; border-bottom: 1px solid #DDD; margin-bottom: 10px;}
.mybuy-list-title span{background:url('img/zx_icon1.jpg') no-repeat left center; padding-left: 30px; font-size: 16px; color:#009df3; display: inline-block;}
.mybuy-list-title b{float: right; color:#888; font-weight: normal; font-size: 14px;}
.mybuy-list-title b em{color:#f60;}
/*购买配置列表*/
.mybuy-list{margin-bottom: 10px;}
.mybuy-list dl{border-width: 0 1px 1px; border-style:solid; border-color:#DDD; font-size:14px;}
    .mybuy-list dt{font-size:14px;float: left; width: 80px; line-height: 35px; height: 35px; text-align: center; color: #444; overflow: hidden;}
    .mybuy-list dd{overflow:hidden; border-left:1px solid #DDD;}
    .mybuy-list dd ol{margin-top:-1px;}
    .mybuy-list dd li{height: 35px; border-top:1px dashed #DDD; line-height: 35px; font-size:0; position:relative;}
    .mybuy-list dd li:hover{background-color: #F5F5F5;}
    .mybuy-list dd li:hover em{color:#6F6F6F;}
    .mybuy-list dd li span{display: inline-block; overflow: hidden; font-size: 14px; padding-left: 10px;}
    .mybuy-list dd li .s-1{width: 85px;height:36px;line-height:36px;}
    .mybuy-list dd li .s-2{width: 93px;height:36px;line-height:36px;float:right;}
    .mybuy-list dd li em{width:17px; height: 17px; position:absolute; right: 0; top: -1px; cursor: pointer; color:#D2D2D2; font-size: 17px;}
/* 购买总价 */
.mybuy-subtotal{text-align: right; font-size: 14px; padding: 10px 5px 0 0; display: none;}
    .mybuy-subtotal em{color: #888;}
    .mybuy-subtotal b,.mybuy-subtotal i{color: #FF6600; font: normal 700 20px/100% 'arial';}
/* 购买年份列表 */
.buy-year-list{overflow: hidden; border-bottom: 1px solid #EDEDED; width:100%;}
.buy-year-list dt{height:30px; line-height: 30px; font-size:14px; color: #444;}
.buy-year-list dd{font-size: 14px; width: 292px;}
    .buy-year-list dd b{ height:35px; line-height:35px; border:1px solid #DDDDDD; color:#555; margin:0 10px 10px 0; cursor: pointer; display:inline-block; width:82px; text-align: center; position:relative;}
    .buy-year-list dd .new{background:url(http://aimg8.oss-cn-shanghai.aliyuncs.com/new_sc_shop/ico-new.gif) no-repeat; width:22px; height: 15px; position: absolute; right: 1px; top: -6px;}
    .buy-year-list dd b.hover{border:1px solid #009DF3; color: #009DF3;}
    .buy-year-list dd b.cur{background:#009DF3 url(img/listCur.png) no-repeat right bottom; color: #fff; height: 37px; border:0;}
/* 总价区域 */
.buy-sumprice{padding: 15px 0;}
    /*价格样式一*/
    .buy-sumprice-1 .priceText{text-align: center; color:#666; font-size: 14px; margin-bottom: 10px;}
    .buy-sumprice-1 .num{color: #ff4949; font-size: 22px; font-weight: normal;}
    .buy-sumprice-1 .priceInfo{text-align: center; font-size:14px;}
    .buy-sumprice-1 .priceInfo em{color:#ff8500; margin:0 5px;}
    /*价格样式二*/
    .buy-sumprice-2 .priceText{text-align: center;}
    .buy-sumprice-2 .priceTextInner{display: inline-block;position: relative;}
    .buy-sumprice-2 .priceTextInner b.num{color:#FF494A; font-size:22px; vertical-align: sub;margin-right:3px;}
    .buy-sumprice-2 .priceTextInner .zk{position: absolute; right:-24px; top:-24px;background-color: #FFE500;padding:2px 5px;}
    .buy-sumprice-2 .priceTextInner .zk em{position: absolute;border-color: #FFE500 transparent transparent #FFE500;border-width: 5px; border-style: solid dashed dashed solid; left: 5px; bottom: -8px;}
    .buy-sumprice-2 .priceTextInner .zk b{color:#FF4B2A;}
    .buy-sumprice-2 .originPriceText{text-align: center;}
    .buy-sumprice-2 .originPriceText{color:#9A9A9A;font-size: 12px;}
    .buy-sumprice-2 .originPriceText b{font-weight:400; text-decoration:line-through;}

/* 购买按钮 */
.buy-btn-area{text-align: right; margin-bottom: 10px;}
.buy-btn-area form{text-align:center;}
    .buy-btn-area textarea{display: none;}
    .buy-btn-area .btn{ border:0; cursor:pointer; background-color: #f90; display: inline-block; width: 100%; height: 45px; font-size: 20px; color: #FFF; line-height: 45px;border-radius: 22px; -moz-border-radius: 22px; -webkit-border-radius: 22px; -o-border-radius: 22px; text-align: center; width: 270px;}
    .buy-btn-area .btn-2{display: inline-block; margin-top: 10px;}
/* 配置列表 */
.deploy-select{margin-bottom: 20px;}
.deploy-select dl{font-size:14px; margin: 0 0 20px 20px; border-bottom: 1px solid #DDD; position: relative;}
.deploy-select dt{width: 75px; line-height: 30px; color: #555;position:absolute; left:0; top: 0;}
.deploy-select dd{padding: 0 0 10px 75px;}
.deploy-select dd span{ display:inline-block;position: relative;}
    .deploy-select dd b{ display:inline-block; height:35px; line-height:35px; width:98px; border:1px solid #DDDDDD; color:#555; margin:0 0 12px 10px; cursor: pointer; font-weight: 400; text-align: center; overflow: hidden;}
    .deploy-select dd b.hover{border:1px solid #009DF3; color: #009DF3;}
    .deploy-select dd b.cur{color: #fff; height: 37px; border:0; background:#009DF3 url(img/listCur.png) no-repeat right bottom; width:100px;}
    .deploy-select dd em{position: absolute;}
    .deploy-select dd em.new{background:url(img/ico-new.gif) no-repeat; width:22px; height: 15px; right: -10px; top: -8px;}
    .deploy-select dd em.song{background:url(img/song.gif) no-repeat; width:27px; height: 25px; right: -12px; top: -15px;}

/*套餐版弹窗*/
.packageLi{position: relative;}
.packageLi:hover .packageAlt{display: block;}
.packageAlt{position: absolute; top:65px; right:0; z-index: 1; width:370px; background-color: #fff; padding:20px; box-shadow:0 0 15px #989898; display: none;}
.packageAlt .tabInfo table td em{color:#ff8500;}

.packageAlt .img_gaoji{height: auto; margin-bottom: 20px;}

/*弹出说明*/
    .explain-div{position: absolute; left: 0; top: 0; visibility: hidden; max-width: 350px;}
    .explain-div .inner-div{margin: 10px;border:1px solid #CCC; border-radius: 5px; padding: 10px; background-color: #FFF;}
    .explain-div em{position: absolute;border-width:10px 10px 0; border-style: solid dashed; left:50%; margin-left:-10px;}
    .explain-div em.em-1{border-color: #CCC transparent; bottom:0px; z-index: 1;}
    .explain-div em.em-2{border-color: #FFF transparent; bottom:2px; z-index: 2;}
    .explain-div .inner-area .text{line-height: 24px; font-size:12px; padding:0 5px;}
    .explain-div .inner-area .text .prices{font-size:12px; position: absolute; right: 20px; top: 20px; color:#F60;}
    .explain-div .inner-area .show-temp{ width: 209px; height: 130px; position: relative;}
    .explain-div .inner-area .show-temp img{}
    .explain-div .inner-area .show-temp .opacity-bg{ position: absolute; width: 100%; height: 130px; left: 0; top:0; background-color: #000; opacity:0.5; filter:alpha(opacity=50); visibility: hidden;}
    .explain-div .inner-area .show-temp a{position: absolute; left:30px; width:149px; height: 40px; line-height: 40px; font-size:14px; font-weight: 400; border:1px solid #FFF; color: #FFF; text-align: center; border-radius:8px; visibility: hidden;}
    .explain-div .inner-area .show-temp a:hover{border-color: #44B2FF; color: #FFF; background-color: #44B2FF;}
    .explain-div .inner-area .show-temp a.btn-1{top:20px;}
    .explain-div .inner-area .show-temp a.btn-2{top:70px;}
    .explain-div .inner-area .show-temp-hover .opacity-bg,.explain-div .inner-area .show-temp-hover a{visibility: visible;}