@charset "utf-8";
/* 设置滚动条的样式 */
::-webkit-scrollbar {width: 5px;}
/* 滚动槽 */
::-webkit-scrollbar-track { border-radius:10px;}
/* 滚动条滑块 */
::-webkit-scrollbar-thumb {border-radius:10px; background: #ccc; }
:-moz-placeholder {color: #c4c4c4;}
::-moz-placeholder {color: #c4c4c4;}
input:-ms-input-placeholder{color: #c4c4c4;}
input::-webkit-input-placeholder{color: #c4c4c4;}
[v-cloak]{display: none;}
.wrap-ssl .g-container{background:#fff url("../images/bg_01.jpg") no-repeat center top;}
.wrap-ssl.bgf0 .g-container{background: none;padding: 30px 0 40px;}
/* banner */
.active-banner{height:470px;position: relative;background: url(/pt/activity/ssl/images/banner_img.jpg) no-repeat center;}
.active-banner a{display: block;height: 100%;}
.active-banner .banner-btn{width: 288px;height: 86px;background: url(../images/btn_01.png) no-repeat;background-size: 100% auto;display: inline-block;text-shadow: 0 5px 6px rgba(173,38,33,.59);font-size: 26px;font-weight: bold;color:#ffe6c7;line-height: 60px;text-align: center;position: absolute;left: 50%;top:51.5%;transform: translate(-50%,0);}
.bgfa{background: #fafafa;}
.wrap-ssl .container-inner{background: url("../images/bg_01.png") no-repeat;background-size: 100% 100%;}
.wrap-ssl .mode-title {text-align: center;padding-bottom: 40px;}
.wrap-ssl .mode-title h5{font-size: 34px;line-height: 1.5;}
.wrap-ssl .mode-title p{font-size: 20px;color: #888;line-height: 1.5;margin-top: 7px;padding: 0;}
.wrap-ssl img{vertical-align: middle;}
.ssl-module {padding: 60px 0;}
.ssl-module01 .mode-left{float: left;width: 50%;}
.ssl-module01 .mode-right{float:right;width:50%;padding: 0 5%;box-sizing: border-box;}
.ssl-module01 .mode-right dl{padding: 26px 0;}
.ssl-module01 .mode-right dt{font-size: 24px;line-height: 1.5;margin-bottom: 13px;}
.ssl-module01 .mode-right dd{font-size: 14px;line-height: 26px;}

.ssl-module02 li{width:25%;padding: 5px;box-sizing: border-box;float: left;}
.ssl-module02 .item-inner{max-width: 270px;border:1px solid #e5e5e5;box-shadow: 0 0 16px 0 rgba(137,137,137,.23);border-radius:6px;overflow: hidden;margin: 0 auto;transition: all .3s;background: #fff;}
.ssl-module02 .item-inner:hover{margin:-10px auto 10px;}
.ssl-module02 .li-head{text-align: center;color:#fff;padding: 28px 0 29px;}
.ssl-module02 .li-head dt{font-size: 17px;line-height: 24px;margin-bottom: 6px;}
.ssl-module02 .li-head dd{font-size: 14px;}
.ssl-module02 .li-head dd span{font-size: 26px;line-height: 40px;}
.ssl-module02 .li-head .b-btn{padding: 0 40px;height: 34px;line-height: 32px;box-sizing: border-box;border:1px solid #fff;color:#fff;background: none;border-radius: 50px;margin-top: 12px;}
.ssl-module02 .li-head .b-btn:hover{background: #fff;}
.ssl-module02 .li-cont{padding: 24px;line-height: 42px;font-size: 14px;color:#535353;text-align: left;box-sizing: border-box;}
.ssl-module02 .li-cont dd i{width:6px;height: 6px;border-radius: 100%;display:inline-block;margin-right: 10px;background: #8ca6ca;vertical-align: 2px;}
.ssl-module02 .item-01 .li-head{background:url(../images/lihead_bg.png) left bottom no-repeat, linear-gradient(to right, #7a95bc 0%,#8fa6cb 100%);}
.ssl-module02 .item-02 .li-head{background:url(../images/lihead_bg.png) left bottom no-repeat, linear-gradient(to right, #f46e38 0%,#f68121 100%);}
.ssl-module02 .item-03 .li-head{background:url(../images/lihead_bg.png) left bottom no-repeat, linear-gradient(to right, #d29f54 0%,#e8b160 100%);}
.ssl-module02 .item-04 .li-head{background:url(../images/lihead_bg.png) left bottom no-repeat, linear-gradient(to right, #9b9ce9 0%,#898bf7 100%);}
.ssl-module02 .item-05 .li-head{background:url(../images/lihead_bg.png) left bottom no-repeat, linear-gradient(to right, #4185e2 0%,#5f9ae8 100%);}
.ssl-module02 .item-01 .li-head .b-btn:hover{color:#8ca6ca;}
.ssl-module02 .item-02 .li-head .b-btn:hover{color:#f86b73;}
.ssl-module02 .item-03 .li-head .b-btn:hover{color:#e6c087;}
.ssl-module02 .item-04 .li-head .b-btn:hover{color:#9ea0ef;}
.ssl-module02 .item-05 .li-head .b-btn:hover{color:#619df0;}
.ssl-module02 .item-01 .li-cont dd i{background:#8ca6ca;}
.ssl-module02 .item-02 .li-cont dd i{background:#f86b73;}
.ssl-module02 .item-03 .li-cont dd i{background:#e6c087;}
.ssl-module02 .item-04 .li-cont dd i{background:#9ea0ef;}
.ssl-module02 .item-05 .li-cont dd i{background:#619df0;}

.ssl-module03 ul{margin: 0 -5px;}
.ssl-module03 li{width:33.33%;padding:0 15px;box-sizing: border-box;float: left;}
.ssl-module03 .item-inner{border:1px solid #eee;transition: all .3s;}
.ssl-module03 .item-inner:hover{margin:-10px auto 10px;}
.ssl-module03 .item-info{padding: 20px 25px;}
.ssl-module03 dt{font-size: 18px;line-height: 28px;margin-bottom:8px;}
.ssl-module03 dd{font-size: 14px;line-height: 24px;margin-bottom: 5px;color:#888;height: 72px;}
.ssl-module03 a{color:#0cf;line-height: 20px;}

.ssl-module04 li{width:33.33%;padding:15px;box-sizing: border-box;float: left;text-align: center;}
.ssl-module04 .item-inner{background: #fff;border:1px solid #eee;padding: 35px 25px;transition: all .3s;}
.ssl-module04 .item-inner:hover{margin:-10px auto 10px;}
.ssl-module04 dt{font-size: 18px;line-height: 28px;margin-top:23px;}
.ssl-module04 dd{font-size: 14px;line-height: 24px;margin-top:12px;color:#888;height:48px;}

.ssl-module05 ul{margin-top: -40px;}
.ssl-module05 li{width:33.33%;padding:12px 15px;box-sizing: border-box;float: left;text-align: center;}
.ssl-module05 .item-inner{transition: all .3s;}
.ssl-module05 .item-inner:hover{margin:-10px auto 10px;}

.ssl-module06 ul{background: #fff;border:1px solid #eee;padding: 10px 0 14px 27px;}
.ssl-module06 li{}
.ssl-module06 li+li dl{border-top: 1px dashed #e5e5e5;}
.ssl-module06 .item-imgbox{float: left;width: 38px;padding: 25px 0 0;}
.ssl-module06 dl{margin-left: 38px;padding:25px 0;}
.ssl-module06 dt{font-size: 18px;font-weight: bold;line-height: 24px;margin-bottom: 15px;}
.ssl-module06 dd{font-size: 14px;line-height: 24px;color:#888;}
.ssl-module07 {text-align: center;}
.ssl-module07 li{width:20%;padding:0 20px;box-sizing: border-box;float: left;}
.ssl-module07 dt{font-size: 18px;line-height: 28px;margin-top:18px;}
.ssl-module07 dd{font-size: 14px;line-height: 24px;margin-top:4px;color:#888;height:72px;}
.ssl-module07 .b-btn{padding: 0 60px;height: 46px;line-height: 44px;border-radius: 50px;margin-top: 45px;font-size: 16px;}
.ssl-module08 li{width:33.33%;padding:0 14px;box-sizing: border-box;float: left;}
.ssl-module08 .item-inner{border:1px solid #eee;background: #fff;}
.ssl-module08 .item-head:before{content:"";background: url(../images/ico_14.png) no-repeat right center;display: block;height: 100%;width:100%;position: absolute;right: 0;top:0;}
.ssl-module08 .item-head{padding: 22px 0 19px 60px;line-height: 22px;color:#fff;border-bottom: 1px solid #eee;background-image: linear-gradient(to right,#0cf,#52dcff);position: relative;}
.ssl-module08 .item-head dt{font-size: 18px;}
.ssl-module08 .item-head dt i{background: url(../images/ico_16.png) no-repeat right center;width: 46px;height: 22px;text-align: center;position: absolute;left:0;display: block;}
.ssl-module08 .item-head dd{font-size: 14px;margin-top:8px;opacity: .7;}
.ssl-module08 .item-body{line-height: 40px;padding: 11px 24px;}
.ssl-module08 .item-body dd{position: relative;padding-left: 15px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.ssl-module08 .item-body i{background: #0cf;width: 5px;height: 5px;border-radius: 100%;display: block;position: absolute;left: 0;top:50%;margin-top: -3px;}
.ssl-module08 .item-body a{color:#888;}
.ssl-module08 .item-body a:hover{color:#0cf;}
.ssl-module08 .item-01 .item-head:before{background-image: url(../images/ico_13.png);}
.ssl-module08 .item-02 .item-head:before{background-image: url(../images/ico_14.png);}
.ssl-module08 .item-03 .item-head:before{background-image: url(../images/ico_15.png);}

.buy-main{background: #fff;border:1px solid #eee;}
.buy-main .mode-title{background: #f8f8f8;padding:12px 34px;text-align: left;}
.buy-main .mode-title h5{font-size: 18px;line-height: 2;}
.buy-main .mode-foot{background: #efefef;text-align: right;}
.buy-main .mode-foot .mode-account{display: flex;align-items: center;}
.buy-main .mode-foot .account-price{flex:1;}
.buy-main .mode-foot .account-price span{font-weight: bold;}
.buy-main .mode-foot .account-price .font-s22{font-size: 22px;}
.buy-main .mode-foot .account-save{color: #666;}
.buy-main .mode-foot .b-btn{max-width: 150px;border-radius: 0;width: 30%;padding: 0;font-size:20px;line-height: 48px;height: auto;border-color: #f40;background: #f40;box-sizing: border-box;margin-left: 20px;}
.buy-main .mode-foot .b-light{background: #ffe4da;color:#333;border-color: #ffe4da;margin-left: 0;}
.buy-main .mode-foot .b-btn:hover{border-color: #f40;color:#f40;background: #fff;}
.buy-main .tip-box{position: relative;display: inline-block;vertical-align: middle;margin-left: 8px;}
.buy-main .tip-box .i-tip{width: 19px;height: 19px;display: block;background: url(../images/ico_tip.png) no-repeat;cursor: pointer;margin: 0;}
.buy-main .tip-box .tip-pop{display:none;position: absolute;left:50%;bottom: 35px;background: #fff;border:1px solid #ebecec;border-radius: 3px;width: 200px;margin-left: -100px;padding: 30px 10px;text-align: center;box-sizing: border-box;box-shadow: 0 0 10px 0 rgba(0,0,0,.2)}
.buy-main .tip-box .tip-pop .i-angle{background: #fff;border-bottom:1px solid #ebecec;border-right:1px solid #ebecec;transform: rotate(45deg);display: block;position: absolute;bottom: -6px;width: 10px;height: 10px;left:50%;margin-left: -5px;}
.buy-main .tip-box:hover .tip-pop{display: block;} 
.buy-main .mode-main{padding: 27px 75px;}
.buy-main .mode-main .form-item{padding: 8px 0;display: flex;line-height: 34px;}
.buy-main .mode-main .item-label{width: 160px;}
.buy-main .mode-main .item-for{flex: 1;} 
.buy-main .mode-main .item-for li{float: left;padding: 0 20px;line-height: 30px;border:1px solid #cfcfcf;cursor: pointer;margin:0 8px 5px 0;}
.buy-main .mode-main .item-for li:hover,.buy-main .mode-main .item-for li.cur{border-color: #0cf;background: #0cf;color: #fff;}
.buy-main .mode-main .item-for .item-info{line-height: 20px;margin: 0 0 10px;color: #999;font-size: 13px;}
.buy-main .mode-main .item-for .item-info a{color:#0070cb;}
/*.buy-main .mode-main .item-numbox{overflow: hidden;}*/
.buy-main .mode-main .item-num{float:left;border:1px solid #d9d9d9;display: flex;width: 120px;height:34px;line-height:32px;align-items: center;text-align: center;box-sizing: border-box;margin-right: 5px;}
.buy-main .mode-main .item-s{float: left;}
.buy-main .mode-main .item-s+.item-s{margin: 0 0 0 60px;}
.buy-main .mode-main .item-num i{background: #f1f1f1;width: 28px;display: block;font-size: 18px;cursor: pointer;}
.buy-main .mode-main .item-num input{flex: 1;border:none;width: 60px;text-align: center;}
.buy-main .mode-main .item-num div.disabled{cursor: default;opacity: .5;pointer-events: none;}
.buy-main .mode-main .item-num div i.disabled{cursor: default;opacity: .5;pointer-events: none;}
@media (max-width:1200px) {
    .ssl-module03 li{padding: 5px;}
    .ssl-module04 li{padding: 5px;}
    .ssl-module05 li{padding: 5px;}
    .buy-main .mode-main{padding:15px 20px;}
    .buy-main .mode-main .item-label{width: 90px;}
}
@media (max-width:958px) {
    .wrap-ssl.bgf0 .g-container{padding: 20px 0;}
    .active-banner{height:300px;background-size: auto 100%;}
    .ssl-module{padding: 20px 0;}
    .wrap-ssl .mode-title{padding:0 0 20px;}
    .wrap-ssl .mode-title h5 span{font-size: 20px;}
    .buy-main .mode-title{padding:0 10px;}
    .buy-main .mode-title h5{font-size: 16px;}
    .ssl-module01 .mode-left,.ssl-module01 .mode-right{width: 100%;text-align: center;padding: 0 2%;}
    .ssl-module01 .mode-right dl{padding: 10px 0;}
    .ssl-module02 li,.ssl-module03 li,.ssl-module04 li,.ssl-module05 li,.ssl-module08 li{width: 50%;padding: 5px;}
    .ssl-module07 li{width: 33%;float: none;display: inline-block;}
    .ssl-module07 .b-btn{margin-top: 20px;height: 30px;line-height: 28px;padding: 0 30px;}
    .buy-main .mode-main .form-item{display: block;}
    .buy-main .mode-foot .mode-account{flex-wrap: wrap;line-height: 40px;}
    .buy-main .mode-foot .b-btn{font-size: 14px;line-height: 38px;}
}
@media (max-width:480px) {
    .active-banner{height:145px;}
    .wrap-ssl .mode-title h5 span{font-size: 20px;}
    .wrap-ssl .mode-title p{font-size: 14px;}
    .ssl-module01 .mode-right dt{font-size: 18px;margin-bottom: 5px;}
    .ssl-module02 li,.ssl-module03 li,.ssl-module04 li,.ssl-module05 li,.ssl-module07 li,.ssl-module08 li{width: 100%;}
    .ssl-module04 li img{max-width:50px;}
    .ssl-module04 dt{margin-top: 10px;font-size: 16px;}
    .ssl-module06 ul{padding-left: 10px;}
    .buy-main .mode-foot .account-price{white-space: nowrap;}
    .buy-main .tip-box{display: none;}
    .buy-main .mode-foot .b-btn{width: 50%;max-width: 100%;}
}