@charset "utf-8";
/* CDK兑换 CSS Document */
body{margin:0;padding:0; font-family:microsoft yahei; font-size:14px;background-color: #f7f7f7;}
ul{list-style:none;margin:0;padding:0;}
ul li{list-style:none;}
.left{float:left;}
p{margin:0;padding:0;}
a{text-decoration:none; cursor:pointer;}

article{background:url(../images/CDKbg.jpg) center center no-repeat;width:100%;min-height:1000px;padding:0;margin:0; overflow:hidden;}
.secbox{width:1000px;margin:250px auto 0;}
.secbox section{background-color: #fff;border:1px solid #ebebeb;}
.secbox section .title{height:38px; line-height:38px; background-color:#f5f5f5; border-bottom:1px solid #eaeaea;width:100%;}
.secbox section .title .twbox{font-size:12px;border-left:2px solid #ff5b01;margin-left:10px;padding-left:10px;}
.secbox section .title .twords{font-size:14px;}

.weixin{width:208px;float:left;height:288px;margin-right:10px;}
.weixin .QRcode{width:100%; text-align:center;}
.weixin .QRcode img{width:156px;height:156px;margin:20px 0 15px;}

.quicklink{width:208px;float:left;margin:10px 0 0 ;}
.quicklink ul{width:208px;margin:0 1px;}
.quicklink ul li{width:100%;height:63px; line-height:63px;}
.quicklink ul li a{color:#000;display:block;padding-left:25px;height:62px;width:183px;border-bottom:1px solid #e0e0e0;}
.quicklink ul li:last a{border-bottom:none;}
.quicklink ul li a:hover{color:#fff; background-color:#ff5b01; background: -webkit-linear-gradient(left, #ff7200 , #ff5b01);
	background: -o-linear-gradient(right, #ff7200 , #ff5b01);
	background: -moz-linear-gradient(right, #ff7200 , #ff5b01);
	background: linear-gradient(to right, #ff7200 , #ff5b01);
}

.change{width:778px;height:590px;float:right;}
.change .code{margin:40px 0 39px 130px;}
.change .code p{margin-bottom:10px;}
.change .code p label{width:120px;display:inline-block; text-align:right;}
.change .code p input{border:1px solid #e0e0e0;height:40px;line-height:40px;width:240px;padding:0 5px;margin:0 10px;}
.change .code p .ipts{width:130px;}
.change .code p .yzcode{font-size:12px;color:#7d7d7d;}
.change .code p .yzcode img{width:100px;height:40px;border:1px solid #e0e0e0; margin: 0px 10px -17px 0;}
.change .code p .getbtn{color:#fff;display:block;margin:30px 0 0 130px;width:142px;height:40px;line-height:40px; text-align:center;border-radius:2px;font-size:16px; background-color:#ff5b01;
	background: -webkit-linear-gradient(left, #ff7200 , #ff5b01);
	background: -o-linear-gradient(right, #ff7200 , #ff5b01);
	background: -moz-linear-gradient(right, #ff7200 , #ff5b01);
	background: linear-gradient(to right, #ff7200 , #ff5b01);}
.change .code p .getbtn:hover{background:none; background-color:#ff7200;}

.change .flow{border-top:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;margin:0 20px;padding: 18px 0 39px 7px;}
.change .flow p{margin:0 0 10px;}
.change .flow ul{overflow:hidden;}
.change .flow ul li{float:left;margin-right:1px; width:180px;height:66px;line-height:66px; background-color:#dbdbdb; position:relative;}
.change .flow ul li .num{float:left;margin:0 14px 0 20px;font-size:24px; font-family:Arial; font-weight: bold;}
.change .flow ul li .contentbox{float:left;width:105px;height:66px;line-height:20px; display:table;}
.change .flow ul li .content{width:105px;line-height:20px; display:table-cell; vertical-align:middle;}
.change .flow ul li .content p{margin:0;}
.change .flow ul li .arrow{width:28px;height:28px; background:url(../images/arrow.png) center center no-repeat;position: absolute; right:-14px;top:19px;z-index:9;}

.change .explain{margin:15px 0 0 27px;}
.change .explain p{line-height: 25px;}
.change .explain .myrecord{margin-top:13px;width:120px;height:28px;line-height:28px; text-align:center;border-radius:30px;display:block;color:#fff; background-color:#ff5b01;
	background: -webkit-linear-gradient(left, #ff7200 , #ff5b01);
	background: -o-linear-gradient(right, #ff7200 , #ff5b01);
	background: -moz-linear-gradient(right, #ff7200 , #ff5b01);
	background: linear-gradient(to right, #ff7200 , #ff5b01);}
.change .explain .myrecord:hover{background:none; background-color:#ff7200;}