/*
	通用样式及通用模块
*/

/*格式化样式*/
blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0;width:100%}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,th,var{font-style:normal;}
ol,ul{list-style:none}
q:after,q:before{content:''}
abbr,acronym{border:0}
h1,h2,h3,i,span{font-style:normal;}

/*文字排版、颜色*/
.f12{font-size:12px}
.f13{font-size:13px}
.f14{font-size:14px}
.f16{font-size:16px}
.f18{font-size:18px}
.f20{font-size:20px}
.f28{font-size:28px}
.fb{font-weight:bold}
.fn{font-weight:normal}
.t2{text-indent:2em}
.text-muted {color: #aaa!important;}
.text-price,a.text-price{color:#fe5858}
.red,a.red{color:#ff2b2b}
.text-primary,.blue,a.blue{color:#438cdb!important}
.text-warning {color: #ff8c33!important;}
.darkblue,a.darkblue{color:#039}
.light_gray,a.light_gray{color:#acacac}
.gray,a.gray{color:#878787}
.green,a.green{color:#00c300}
.orange{color:#ff7b00;}
.yellow{color:#FFCC33;}
.black{color:#000;}
.unl{text-decoration:underline;}
.no_unl{text-decoration:none;}

/*定位*/
.tl{text-align:left}
.tc,.center{text-align:center}
.tr{text-align:right}
.fl,.left{float:left;}
.fr,.right{float:right;}
.cb{clear:both}
.cl{clear:left}
.cr{clear:right}
.vm{vertical-align:middle}
.pr{position:relative}
.pa{position:absolute}
.hidden{visibility:hidden}
.none{display:none}
.nowrap{white-space:nowrap;}
.clearfix:after{content:"";height:0;visibility:hidden;display:block;clear:both;}
.clearfix {zoom: 1;}
.height_auto{height: auto!important}
/*长度高度*/
.w10{width:10px !important}
.w20{width:20px !important}
.w30{width:30px !important}
.w50{width:50px !important}
.w80{width:80px !important}
.w90{width:90px !important}
.w100{width:100px !important}
.w120{width:120px !important}
.w150{width:150px !important}
.w200{width:200px !important}
.w250{width:250px !important}
.w400{width:400px !important}
.w500{width:500px !important}
.w800{width:800px !important}
.w{width:100%}
.h50{height:50px}
.h80{height:80px}
.h100{height:100px}
.h200{height:200px}
.h{height:100%}

/*边距*/
.m5{margin:5px!important;}
.m10{margin:10px !important;}
.m15{margin:15px!important;}
.m30{margin:30px!important;}
.mt5{margin-top:5px!important;}
.mt10{margin-top:10px!important;}
.mt15{margin-top:15px!important;}
.mt20{margin-top:20px!important;}
.mb5{margin-bottom:5px!important;}
.mb10{margin-bottom:10px!important;}
.mb15{margin-bottom:15px!important;}
.mb20{margin-bottom:20px!important;}
.mb30{margin-bottom:20px!important;}
.ml3{margin-left:3px!important;}
.ml5{margin-left:5px!important;}
.ml10{margin-left:10px!important;}
.ml15{margin-left:15px!important;}
.ml20{margin-left:20px!important;}
.ml30{margin-left:30px!important;}
.mr3{margin-right:3px!important;}
.mr5{margin-right:5px!important;}
.mr10{margin-right:10px!important;}
.mr15{margin-right:15px!important;}
.mr20{margin-right:15px!important;}

.p5{padding:5px!important;}
.p10{padding:10px!important;}
.p15{padding:15px!important;}
.p20{padding:20px!important;}
.p30{padding:30px!important;}

.pt5{padding-top:5px!important;}
.pt10{padding-top:10px!important;}
.pt15{padding-top:15px!important;}
.pt20{padding-top:20px!important;}
.pt30{padding-top:30px!important;}
.pt50{padding-top:50px!important;}

.pb5{padding-bottom:5px!important;}
.pb10{padding-bottom:10px!important;}
.pb15{padding-bottom:15px!important;}
.pb20{padding-bottom:20px!important;}
.pb30{padding-bottom:30px!important;}
.pb50{padding-bottom:50px!important;}

.pl5{padding-left:5px!important;}
.pl10{padding-left:10px!important;}
.pl15{padding-left:15px!important;}
.pl20{padding-left:20px!important;}
.pl30{padding-left:30px!important;}
.pl50{padding-left:50px!important;}

.pr5{padding-right:5px!important;}
.pr10{padding-right:10px!important;}
.pr15{padding-right:15px!important;}
.pr20{padding-right:20px!important;}
.pr30{padding-right:30px!important;}
.pr50{padding-right:50px!important;}
/***********通用基本类************/
table{border-collapse:collapse}
td{padding:3px}
img{border:none}
input,
input[type=text],
input[type=password],
input[type=email],
input[type=number],
input[type=tel]{padding: 0 5px;border: 1px solid #ccc;color: #666;cursor: text; height:32px; line-height:32px;vertical-align:middle;outline:0;}
input:focus,
input[type=text]:focus ,
input[type=password]:focus,
input[type=email]:focus,
input[type=number]:focus,
input[type=tel]:focus,
button:focus {outline: 0;
    /*box-shadow: 0 0 3px rgba(0,153,255,0.2);*/
    border-color:#6f9fd1;
}

input[type=radio]:focus,
input[type=checkbox]:focus{box-shadow: none}

select.input-xs,
input[type=text].input-xs,
input[type=password].input-xs{height:25px; line-height:25px;}
/*设置placeholder*/
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color: #aeaeae;}
input:-moz-placeholder, textarea:-moz-placeholder {color: #aeaeae;}
input::-moz-placeholder, textarea::-moz-placeholder {color: #aeaeae;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {color: #aeaeae;}
/*去掉input number箭头*/
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button{
    -webkit-appearance: none !important;
    margin: 0;}
input[type="number"]{-moz-appearance:textfield;}
textarea{border: 1px solid #ccc;color: #666;resize:none;padding: 5px;vertical-align: middle;}
select{height:34px; line-height:34px;vertical-align: middle;color: #666;border: 1px solid #ccc;}
textarea:focus,select:focus{outline: 0;box-shadow: 0 0 3px rgba(0,153,255,0.2);border:1px solid #6f9fd1;}
li,ul{list-style:none}
/*选择框设置*/
.checkbox_label{position: relative;display: inline-block;overflow: hidden;vertical-align: text-bottom;}
.checkbox_label input{position: absolute;left: -20px; z-index: 0;display: inline-block;}
@media \0screen\,screen\9{.checkbox_label input{position: relative;left: 0}}/*只对IE6/7/8有效*/
.checkbox_label input+span{position: relative;display: inline-block;cursor: pointer;}
.checkbox_label input+span::before {position: relative;display: inline-block;vertical-align: text-bottom;margin-right:6px;text-align: center; box-sizing: border-box;content:' ';height:18px;line-height: 18px;width:18px;background: #fff;border: solid 1px #cacaca;border-radius: 2px; z-index: 1;cursor: pointer;}
.checkbox_label input:checked+span::before{background:#598bf1;content: "\e659";font-family: "iconfont" !important;color:#fff;border-color: #598bf1;}
.checkbox_label input:checked+span{color:#4c7cdd;}
.checkbox_label input[type=radio]+span::before {border-radius:100%;}
.checkbox_label input[disabled]+span::before {background: #ddd;border-color: #ccc;cursor: default}
.checkbox_label input[disabled]+span{color:#ccc;cursor: default}
/*表单输入框状态*/
.input-err{border: solid 1px #e64747!important;background: #fff2f2;}
.input-err:focus{box-shadow: 0 0 3px rgba(230,71,71,0.2)!important;}

/*==================通用模块==================*/
body{font:14px/1.8 "\5FAE\8F6F\96C5\9ED1","Microsoft Yahei","Hiragino Sans GB",Helvetica;color:#3c3c3c;background:#f2f4f8;}
a{text-decoration:none;color:#333;outline:0;}
a:hover{color:#ff3c00; text-decoration:none;}
*{box-sizing: border-box}
.wp {width: 1280px;margin: 0 auto;box-sizing: border-box}
.more{ float:right; font-size:13px; margin:1px 0; color:#999;vertical-align: middle;}
.more:hover{color:#ff3c00}
.normal-price{color: #999999;text-decoration:line-through;}
/*==== banner ====*/
.lm-banner{height:370px;background: #f6f6fb;position: relative;}
.lm-banner-title{font-size:calc(1.325rem + 1.2vw)!important;font-weight: normal;padding-top:100px;}
.lm-banner-con{font-size:15px;line-height: 1.5; color: #5e646c;width:50%;}
.lm-dark{background-color: #141821;color: #fff;}
.lm-dark .lm-banner-con{color:rgba(255,255,255,0.7);margin-bottom: 15px;}
.banner-nav{position: absolute;bottom: 0;}
.banner-nav a{padding:0 35px;line-height: 50px;height: 50px; background: #464646;color: #fff;float: left;text-align: center; font-size: 16px;min-width: 210px;box-sizing:border-box;margin-right: 1px;}
.banner-nav a:hover{background: #333;}
.banner-nav a.active{box-shadow:0 0 12px rgb(255 94 42 / 0.5) ;background: #ff5e2a;
    background: -webkit-linear-gradient(90deg,#ff8e35, #ff5c2a);
    background: -o-linear-gradient(90deg,#ff8e35, #ff5c2a);
    background: -moz-linear-gradient(90deg,#ff8e35, #ff5c2a);
    background: linear-gradient(90deg,#ff8e35, #ff5c2a);}

.lm-banner .lm-banner-btn{
    display: inline-block;
    line-height: 40px;
    height: 42px;
    padding: 0 40px;
    min-width: 170px;
    text-align: center;
    box-sizing: border-box;
    border: none;
    color: #fff;
    font-size: 16px;
    box-shadow:0 0 12px rgb(0 0 0 / 0.1) ;background: #ff5e2a;
    background: -webkit-linear-gradient(90deg,#ff8e35, #ff5c2a);
    background: -o-linear-gradient(90deg,#ff8e35, #ff5c2a);
    background: -moz-linear-gradient(90deg,#ff8e35, #ff5c2a);
    background: linear-gradient(90deg,#ff8e35, #ff5c2a);}
.lm-banner .lm-banner-btn:hover{background:#ff5c00;}
.lm-banner .lm-banner-btn.line-btn{background: none;box-shadow: none;border:solid 1px rgba(255,255,255,0.50);color:rgba(255,255,255,0.80); }
.lm-banner .lm-banner-btn.line-btn:hover{color: #fff;border: solid 1px rgba(255,255,255,0.6);background:rgba(255,255,255,0.15);}

/*main-box常用带标题模块*/
.main-box{padding:80px 0;background: #f6f7fa;width: 100%}
.main-title{text-align: center;}
.main-title h2{color: #333;font-size:36px;font-weight: normal;}
.main-title p{color: #aaa;font-size: 16px;line-height: 1.5;}

.main-bg-white{background: #fff;}
/*常见问题*/
.faq_box{overflow: hidden;}
.faq_box ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
.faq_box li{float: left;width:48%;padding:20px 0;box-sizing:border-box;font-size: 16px;}
.faq_box li p{margin-top: 10px;line-height: 1.5;}

.faq_box_list{}
.faq_box_list li{font-size: 16px;margin-top: 15px;list-style-type:square}

/*svip特权*/
.svip-privileges-link{color: #6a351a;border-radius: 3px;padding: 0 10px 0 0;font-size: 12px;height: 20px; overflow: hidden;line-height: 20px;
	background: #f6e1cb;margin: 3px 0;text-align: left;}
.svip-title{position: relative;color: #fae7b8;padding: 0 10px;line-height: 20px;height: 20px;margin-right: 10px;box-shadow: -1px -2px rgba(0,0,0,1);font-weight: bold;background: #f6e1cb;overflow: hidden;float: left;
    background: -webkit-linear-gradient(180deg,#4c505b, #323640);
    background: -o-linear-gradient(180deg,#4c505b, #323640);
    background: -moz-linear-gradient(180deg,#4c505b, #323640);
    background: linear-gradient(180deg,#4c505b, #323640);}
.svip-text{
    background: -webkit-linear-gradient(180deg,#fff5d3, #e0ba76);
    background: -o-linear-gradient(180deg,#fff5d3, #e0ba76);
    background: -moz-linear-gradient(180deg,#fff5d3, #e0ba76);
    background: linear-gradient(180deg,#fff5d3, #e0ba76);
    background-clip: text;
    color: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;}
.svip-content{color: #6a351a;}

.svip-privileges-box{background: #f6e1cb;margin: -10px -10px 0;overflow: hidden;border-radius: 4px 4px 0 0;}
.svip-privileges-con{background: #fefaed;padding:20px 10px;box-shadow: 0 -2px 5px 1px rgb(124 57 9 / 14%); }
.svip-privileges-title{text-align: left;line-height: 25px;height: 25px;}
.svip-privileges-title .svip-title{color: #fae7b8;padding: 0 22px 0 15px;line-height: 25px;height: 25px;font-size: 13px;}
.svip-privileges-title .svip-title .svip-text{line-height: 25px;height: 25px;}
.svip-privileges-title .svip-content{text-align: center;font-size: 12px;}
.svip-privileges-title .svip-title::after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-top: 14px solid #f6e1cb;
    border-bottom: 11px solid transparent;
    border-left: 5px solid transparent;
    border-right: 4px solid #f6e1cb;
    right: 0;
}
/*差异化表现*/
.mta-product-block .svip-privileges-box{margin:-10px 0 0;}
.mta-product-block .svip-privileges-link{margin-bottom: -7px;}
.tab-ul>li .svip-privileges-box{margin-top:5px}
.tab-ul>li .svip-privileges-box .tab-list-price{background: #fff;padding: 10px;}
.dns_tab .svip-privileges-link{margin: 3px auto -3px;width: 230px;}
.dns_tab .svip-privileges-box{margin: 0;}
.dns_tab .svip-privileges-box .odds_box{background: #000000;}