.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%);}