*{margin: 0; padding: 0;}
ul{margin: 0; padding:0;}
li{list-style-type: none;}
.logo{position: absolute;top:0;width: 280px;height: 100px;left: 20%;}
.logo img{height: 54px;width: 200px;margin-top: 25px;}
.tipuser {color: #09bc1a;position: absolute;width: auto;left: 10px;top:10px; font-size: 20px;}
.mask{position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); z-index: 1000; display: none;}

.popwin{position: fixed; left: 50%; top: 50%;  width: 50%; max-width: 400px; background-color: #FFFFFF; z-index: 1001; border-radius: 10px; display: none;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);}
.popwin .title{height: 57px; line-height: 57px; position: relative; text-align: left; font-size: 20px; color: #FFFFFF; padding-left: 20px; background-color: #40b243; border-radius: 10px 10px 0 0;}
.popwin .close{    float: right;margin-right: 20px; text-decoration: none; color: #FFF; cursor: pointer;}
.popwin .cont {padding: 0 10px;}
.popwin ul{ margin:15px; }
.popwin li{height: 30px; margin-bottom: 20px; font-size: 16px;}
.popwin .cont label{display: inline-block; width: 25%;  line-height:30px;}
.popwin .cont input.text {border:1px solid #CCC; width: 75%; padding: 5px;}
.popwin .subdiv{ margin-top: 20px; margin-bottom: 20px; width: 100%; text-align: center;}
.popwin .subdiv input{height: 46px; line-height: 46px;  width: 165px; margin:0 auto; background-color: #40b243; color: #FFF; text-align: center; font-size: 18px; border:none; border-radius: 46px;}
.popwin .protocol {margin-left: 26px;}
.popwin .protocol a {margin-left:5px; display: inline;}

.wrapper{width: 1000px; margin: 0 auto;}
.wrapper .title { margin:15px 0; padding: 10px 0 10px 10px; background-color: #CCC; font-size: 18px; font-weight: 700; }

.left {width: 725px; display: inline-block;}
.left .wcnimg {text-align: center;}
.left .wcnimg img {width: 100%;}
.left .tablist {background-color: #EFEFEF;}
.left .tablist ul {padding: 10px 0 10px 8px;}
.left .tablist li {display: inline; padding-right: 10px;}
.left .tablist li a {text-decoration: none;}
.left p {font-size: 16px; text-indent: 20px; margin: 5px 0;}
.left p.label {margin-top:10px; padding-top: 10px; font-size: 12px; font-weight: bolder; text-indent: 0px; border-top: 1px solid #CCC;}
.left li {text-indent: 20px;}


.right {float:right; width: 255px; height: 135px;}
.right img.family {width: 100%;}
.right .falist{ width: 100%; margin-top:5px; border:1px solid #75a4c7;}
.right .fatitle{ margin:15px auto; text-align: center; color: #34B2FF; font-weight: bolder;}
.right .falist p {margin: 15px 0 15px 20px;}
.right .falist label {vertical-align: top;}
.right .falist span {margin-left:10px; display: inline-block;}
.right .falist .download {text-align: center; margin-bottom: 20px;}

.licences img {width: 50px; height: 50px;}
.licences a {display: inline-block;}

.subtitle{margin: 20px auto 10px; text-align: center; font-size: 22px; font-weight: bolder;}
.strong{text-decoration: underline; font-weight: bolder;}