.trdcontent{width:1200px; max-width:100%; margin:58px auto;}
.trdcontent article>h2{margin-bottom:28px;}
.trdcontent .btn{text-align:center;}
@media(max-width:1200px){
.trdcontent{margin:38px auto;}
.trdcontent article>h2{margin-bottom:18px;}
}

a.buy{display:inline-block; cursor:pointer; line-height:44px; position:relative; padding:0 22px 0 12px; border-radius:4px; color:#fff; box-shadow:0 2px 4px rgba(0,0,0,.18); background:rgb(56,129,245);}

a.buy:before,
a.buy:after,
a.buy i:after,
a.buy i{width:28px; height:28px; border-radius:50px; position:relative; line-height:28px; font-size:14px; 
text-align:center; background:#3763dd; margin-right:12px; content:''; transition:.3s;
background:-webkit-gradient(linear, top, bottom, color-stop(0%,#3763dd), color-stop(100%,#5691f5));
background:-moz-linear-gradient(to bottom, #3763dd 0%, #5691f5 100%);
background:-webkit-linear-gradient(to bottom, #3763dd 0%, #5691f5 100%);
background:-o-linear-gradient(to bottom, #3763dd 0% #5691f5 100%);
background:-ms-linear-gradient(to bottom, #3763dd 0%, #5691f5 100%);
background:linear-gradient(to bottom, #3763dd 0%, #5691f5 100%);}
a.buy b{font-weight:normal; font-size:16px; position:relative; z-index:2; letter-spacing:1px; text-shadow:0 0 4px rgba(0,0,0,.18);}
a.buy:before{width:12px; height:12px; position:absolute; right:6px; bottom:6px; margin:0; opacity:.78;}
a.buy:after{width:6px; height:6px; position:absolute; right:14px; top:8px; margin:0; opacity:.88;}
a.buy i:after{top:-2px; right:-2px; width:10px; height:10px; position:absolute; opacity:.48; margin:0;}

a.buy.green,
a.buy:hover{background:rgb(29,213,111);}

a.buy.green:before,
a.buy.green:after,
a.buy.green i:after,
a.buy.green i,
a.buy:hover:before,
a.buy:hover:after,
a.buy:hover i:after,
a.buy:hover i{background:#3763dd;
background:-webkit-gradient(linear, top, bottom, color-stop(0%,rgb(17,167,84)), color-stop(100%,rgb(93,225,152)));
background:-moz-linear-gradient(to bottom, rgb(17,167,84) 0%, rgb(93,225,152) 100%);
background:-webkit-linear-gradient(to bottom, rgb(17,167,84) 0%, rgb(93,225,152) 100%);
background:-o-linear-gradient(to bottom, rgb(17,167,84) 0% rgb(93,225,152) 100%);
background:-ms-linear-gradient(to bottom, rgb(17,167,84) 0%, rgb(93,225,152) 100%);
background:linear-gradient(to bottom, rgb(17,167,84) 0%, rgb(93,225,152) 100%);}

a.buy.green:hover{background:rgb(255,98,76);}

a.buy.green:hover:before,
a.buy.green:hover:after,
a.buy.green:hover i:after,
a.buy.green:hover i{background:#a92e1c;
background:-webkit-gradient(linear, top, bottom, color-stop(0%,#a92e1c), color-stop(100%,#e9948f));
background:-moz-linear-gradient(to bottom, #a92e1c 0%, #e9948f 100%);
background:-webkit-linear-gradient(to bottom, #a92e1c 0%, #e9948f 100%);
background:-o-linear-gradient(to bottom, #a92e1c 0% #e9948f 100%);
background:-ms-linear-gradient(to bottom, #a92e1c 0%, #e9948f 100%);
background:linear-gradient(to bottom, #a92e1c 0%, #e9948f 100%);}



















.select-fixed{position:fixed; display:none; z-index:8888888; top:0; right:0; bottom:0; left:0; overflow:hidden; background:rgba(0,0,0,0.48); padding:8px;
-webkit-box-pack:center; -moz-box-pack:center; -ms-flex-pack:center; -o-box-pack:center; box-pack:center; 
-webkit-box-align:center; -moz-box-align:center; -ms-flex-align:center; -o-box-align:center; box-align:center;}
.select-fixed.on{display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-o-box; display:box; }
.select-body{position:relative; width:1000px; max-width:100%; max-height:100%; background:#fff; border-radius:3px; box-shadow:0 0 8px rgba(0,0,0,0.18); margin:0 auto; overflow:auto;}
.select-fixed.temp .select-body{width:1400px;}
.select-close{position:absolute; top:8px; right:8px; cursor:pointer; z-index:8;}
.select-close>a{display:block; color:#888888; font-size:28px; width:28px; height:28px; line-height:28px; text-align:center;}
.select-close>a:hover{color:rgb(65,93,138);}

.select-head{ text-align:center; padding:22px 16px; border-bottom:1px solid #e8e8e8;}
.select-head>h2{display:block; font-weight:bold; margin-bottom:4px;}
.select-head>p{color:#888;}
.select-box{display:block;}

.select-sub{padding:28px; float:left; width:200px;}
.select-sub dl+dl{margin-top:28px;}
.select-sub b{font-size:18px;}
.select-sub ul{display:block;}
.select-sub ul li{display:block; margin-top:8px;}
.select-sub ul li>a{display:block;}
.select-sub ul li>a:after{display:block; content:''; clear:both;}
.select-sub ul li>a>i{float:left; box-shadow:inset 0 0 4px rgba(0,0,0,0.048); margin:5px 8px 0 0; cursor:pointer; width:16px; height:16px; border:1px solid #b8b8b8; border-radius:2px;}
.select-sub ul li>a>i:before{display:none; font-size:12px; line-height:14px; float:left; width:14px; height:14px; text-align:center;}
.select-sub ul li>a.on>i{background:rgb(65,93,138); border-color:rgb(65,93,138);}
.select-sub ul li>a.on>i:before{color:#fff; display:block;}
.select-sub ul li>a>ins{float:left; color:#666;}

.select-cut{padding:28px; height:100%; margin-left:200px; overflow:auto;}



.select-form dl div.do{margin-top:8px; display:none; font-size:15px;}
.select-form dl div.do.on{display:block;}
.select-form dl div.do.has input{background:#f8f8f8; height:42px; width:238px; line-height:26px; padding:8px 12px; font-size:15px; border-radius:3px; margin-right:8px; border:none;}
.select-form dl div.do.not img{display:block;}



.select-tmp{ display:block;}
 

.select-tempcut{display:block; margin:16px 16px 8px 16px; font-size:14px;}
.select-tempcut span{float:left; line-height:32px; padding-right:8px;}
.select-tempcut ul{display:block;}
.select-tempcut ul:after{display:block; content:''; clear:both;}
.select-tempcut ul li{float:left; margin:0 16px 8px 0;}
.select-tempcut ul li a{display:block; padding:0 16px; cursor:pointer; font-size:14px; line-height:34px; background:#f8f8f8; color:#484848; border-radius:2px;}
.select-tempcut ul li.on a{background:#1880fe; color:#fff;} 
  
 
.select-tempfield{background:#eaf7fd; font-size:14px; border-radius:2px; padding:18px 16px; margin:0 16px;}
.select-tempfield dl{margin-bottom:6px;}
.select-tempfield dl:last-child{margin-bottom:0;}
.select-tempfield dl:after{display:block; content:''; clear:both;}
.select-tempfield dl dt{width:52px; float:left; line-height:30px; color:#585858;}
.select-tempfield dl dd{width:100%; padding-left:52px; float:none;}
.select-tempfield dl dd:after{display:block; content:''; clear:both;}
.select-tempfield dl dd.param a{line-height:30px; padding:0 12px; border-radius:2px; cursor:pointer; background:#fff; color:#484848; float:left; margin:0 16px 12px 0;}
.select-tempfield dl dd.param a.on{color:#1880fe; background:#e3edfb;}
.select-tempfield dl dd .form{float:left; position:relative;}
.select-tempfield dl dd .form code{float:left; width:228px;}
.select-tempfield dl dd .form code input{padding:4px 6px 4px 12px; height:34px; border:none; font-size:14px; border-radius:2px;}
.select-tempfield dl dd .form button{position:absolute; top:0; right:0; line-height:34px; background:#e3edfb; border:none; border-radius:2px; padding:0 12px; cursor:pointer; color:#1880fe; transition:.3s;}
.select-tempfield dl dd .form button:hover{color:#e3edfb; background:#1880fe}
 
.select-template{display:block; margin-top:18px;} 
.select-template>ul{margin:8px;}
.select-template>ul:after{display:block; content:''; clear:both;}
.select-template>ul>li{float:left; width:25%; padding:8px;}
.select-template>ul>li>a{display:block; border:1px solid #e8e8e8; border-radius:3px; padding:8px;}
.select-template>ul>li>a:hover{box-shadow:0 2px 6px rgba(0,0,0,0.1);}
.select-template>ul>li>a>ins{position:relative; display:block; width:100%; padding-top:85%;}
.select-template>ul>li>a>ins>img{position:absolute; top:0; left:0; width:100%; height:100%; object-fit:contain; background:#f8f8f8;}
.select-template>ul>li>a>h4{display:block; text-align:center; margin-top:8px;}
.select-template>ul>li>a>h4>i{display:inline-block; font-style:normal; color:#fff; padding:0 6px; font-size:14px; line-height:19px; background:rgb(65,93,138);}
.select-template>ul>li>a>h4>b{display:inline-block; font-weight:normal; margin-left:4px; font-size:15px;}

.select-template>dir{margin:8px;}
.select-template>dir>ol{margin:4px;}
.select-template>dir>ol>li>a{padding:2px 11px; font-size:14px; cursor:pointer;}








.select-form{padding:16px;}
.select-form dl{padding:16px;}
.select-form dl.host,
.select-form dl.server{display:none;}
.select-form dl.on.host,
.select-form dl.on.server{display:block;}

.select-form dl:after{display:block; content:''; clear:both;}
.select-form dl>dt{float:left; width:150px;}
.select-form dl>dt>b{font-weight:normal; line-height:40px;}
.select-form dl>dd{display:block; margin-left:150px;}
.select-form dl>dd ul:after{display:block; content:''; clear:both;}
.select-form dl>dd ul>li{float:left; cursor:pointer; position:relative; width:138px; border:1px solid #d8d8d8; margin-left:-1px; margin-bottom:8px; font-size:15px; line-height:40px; text-align:center;}
.select-form div.do ul{margin:8px 0;}

.select-form dl>dd ul.ns2>li{width:88px;}
.select-form dl>dd ul.ns3>li{width:98px;}
.select-form dl>dd ul.ns4>li{width:138px;}
.select-form dl>dd ul.ns5>li{width:168px;}


.select-form dl>dd ul>li:first-child{border-top-left-radius:3px; border-bottom-left-radius:3px;}
.select-form dl>dd ul>li:last-child{border-top-right-radius:3px; border-bottom-right-radius:3px;}
.select-form dl>dd ul>li.on{line-height:38px; z-index:1; border:2px solid rgb(65,93,138); color:rgb(65,93,138);}
.select-form dl>dd cite{display:block; color:#686868; font-style:normal; font-size:14px;}
.select-form dl[xn],
.select-form dl>dd cite[sn]{display:none;}
.select-form dl[xn].on,
.select-form dl>dd cite[sn].on{display:block;}
.select-form dl>dd cite.sn span{display:inline-block; width:40%;}

.select-form .btn{display:block;}
.select-form .btn button{display:block; transition:0.28s; text-align:center; color:#fff; line-height:42px; font-size:16px; width:208px; padding:0; cursor:pointer; border:none; border-radius:3px; background:rgb(65,93,138);}
.select-form .btn button:hover{opacity:0.88;}

.select-form dl>dd span.service{font-size:14px; display:none;}
.select-form dl>dd span.service.on{display:inline-block;}
.select-form dl>dd span.fee{font-size:15px; color:rgb(255,98,76);} 
.select-form dl>dd span.amount{color:rgb(255,98,76);}
.select-form dl>dd span.amount b{font-size:24px;}

@media(max-width:1200px){
.select-template>ul>li{width:33.3333%;}
}
@media(max-width:992px){
.select-template>ul>li{width:50%;}
}
@media(max-width:767px){
.select-form{padding:8px;}
.select-form dl{padding:8px;}
.select-form dl>dt{float:none; width:auto;}
.select-form dl>dd{margin:0;}
.select-form dl>dt.mob{display:none;}
.select-form dl>dd cite.sn span{width:100%;}
.select-form dl>dd ul.ns5>li{width:160px;}
.select-tempfield{margin:0;}
.select-tempfield dl dd.param a{margin:0 8px 6px 0; padding:0 8px;}
.select-template>ul>li{width:100%;}
.select-tempfield dl dt{float:none; width:auto;}
.select-tempfield dl dd{padding:4px 0 ;}
}