@charset "utf-8";

*,:after,:before{box-sizing:border-box; -webkit-box-sizing:border-box;}
body{position:relative; font-size:100%; line-height:1.8; background:#f2f2f2;}
body, a, a:hover{color:#333;}
a:hover{text-decoration:none;}

.shareicon{position:absolute; top:0; left:0; z-index:-1; width:0; height:0; opacity:0; filter:alpha(opacity=0);}

.wrap{min-width:320px; max-width:640px; margin:0 auto;}

header{padding:15px 0; box-shadow:0px 2px 3px rgba(0, 0, 0, .1); -webkit-box-shadow:0px 2px 3px rgba(0, 0, 0, .1); position:relative;}
header .text{position:relative; padding-left:6.4rem;}
header .text:before{position:absolute; left:10px; top:50%; margin-top:-2.2rem; width:4.4rem; height:4.4rem; display:block; content:""; background-image:url('../../images/cando/10.0.0/logo.png?t=202302281037'); background-repeat:no-repeat; background-position:center; background-size:100% auto; -webkit-background-size:100% auto;}
header .text h1{font-size:1.5rem; color:#000;}
header .text h1 span{margin-left:10px; font-size:1rem;}
header .text p{font-size:1rem; color:#a1a2a3;}
header .links{margin-top:15px; padding-left:10px;}
header .links li{float:left; width:50%; padding-right:10px;}
header .links a{padding:8px 0 12px; text-align:center; display:block;}
header .links a i{width:1.5rem; height:1.5rem; margin-right:5px; vertical-align:middle; display:inline-block; background-repeat:no-repeat; background-position:center; background-size:auto 100%; -webkit-background-size:auto 100%;}
header .links a span{font-size:1.2rem; line-height:1.6rem; vertical-align:middle; display:inline-block;}
header .links a.ios{background:#fff;}
header .links a.android{color:#fff; background:#dc4712;}
header .links a.ios i{background-image:url(../../images/cdrtv/download/wap/icon-iphone.png);}
header .links a.android i{background-image:url(../../images/cdrtv/download/wap/icon-android.png);}
header .tips{margin-top:10px; padding-left:10px;}
header .tips li{float:left; width:50%; padding-right:10px; font-size:0.75rem; line-height:1; color:#a1a2a3; text-align:center;}

section{padding:15px 0 20px; height:450px; background:#eaeaea;}

#slide{position:relative; width:100%; height:422px; margin:0 auto; overflow:hidden; -webkit-backface-visibility:hidden;}
#slide_cont{width:1400px; height:400px; -webkit-transition:-webkit-transform .2s ease-out; -webkit-transform-style:preserve-3d;}
#slide_cont li{float:left; height:400px;}
#slide_cont li img{width:259px; height:400px; margin:0 auto; display:block;}
#slide_cont li img.rotate{width:259px; height:400px;}
#slide_icon{position:absolute; left:0; bottom:0; width:100%; height:20px; overflow:hidden; text-align:center;}
#slide_icon span{width:10px; height:10px; border-radius:10px; overflow:hidden; margin:0 4px; display:inline-block; background:rgba(255,255,255,.8);}
#slide_icon span.cur{background:#dc4712;}

article{padding:10px; font-size:1.1rem; background:#fff;}
article p{padding:10px 0;}
article h3{font-size:1.3rem;}

.mask{position:absolute; left:0; top:0; z-index:9998; display:none; width:100%; height:100%; background:rgba(0, 0, 0, .4);}
.pops{position:fixed; right:30px; top:10px; z-index:9999; display:none; width:80%; max-height:90%; max-width:640px;}
.pops img{width:100%;}